Browser-Cache, CDN und Verbindungs-Hinweise
Drei Stellschrauben betreffen nicht die Seitenerzeugung, sondern die Auslieferung: langlebige Cache-Header für statische Dateien, ein CDN-Host in den Asset-Adressen und frühe Verbindungshinweise für Dritt-Hosts. Sie greifen unabhängig davon, ob der Seiten-Cache läuft.
Browser-Cache-Regeln in die .htaccess
- Die Karte „Browser-Cache (.htaccess)" sitzt im Panel „Assets", unterhalb der vier Schalter.
- Sieh dir die Zeile „Server" an: Die Regeln wirken nur bei Apache und LiteSpeed.
- Prüfe die Zeile „.htaccess beschreibbar". Steht dort „nein", schlägt das Schreiben mit einer Meldung fehl.
- Schalte „Browser-Cache-Regeln schreiben" ein. Der Block wird in die .htaccess im WordPress-Verzeichnis geschrieben.
- Mit „Block schreiben" und „Block entfernen" lässt sich derselbe Block unabhängig vom Schalter neu setzen oder herausnehmen.
Was in dem Block steht
- Expires-Regeln über mod_expires für CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, Icons und WOFF2, jeweils ein Jahr
- Einen Cache-Control-Header über mod_headers für dieselben Dateitypen plus WOFF, TTF und OTF
- Komprimierung über mod_deflate für HTML, Text, CSS, JavaScript, JSON und SVG
Header set Cache-Control "public, max-age=31536000, immutable"Asset-Adressen auf ein CDN umschreiben
- In der Gruppe „Optimierung" den Punkt „CDN" öffnen.
- Schalte „CDN-Auslieferung aktiv" ein.
- Trage bei „CDN-Basis-URL" die Adresse des CDN-Hosts ein; sie muss dieselben Pfade wie die Site spiegeln.
- In der Karte „Vorschau" erscheint danach ein Beispiel dafür, wie eine umgeschriebene Adresse aussieht.
Umgeschrieben werden ausschließlich Adressen der eigenen Site und nur statische Ressourcen: CSS, JavaScript, Bilder, Schriften sowie einige Video- und PDF-Dateien. Betroffen sind eingebundene Skripte und Styles, Anhang-Adressen sowie src, href und srcset im Inhalt. Ein Upload zum CDN findet nicht statt, die Dateien müssen dort bereits abrufbar sein.
dns-prefetch und preconnect
Im Panel „Preload" (Überschrift „Preload / Verbindungen") lassen sich Hosts hinterlegen, zu denen der Browser früh Kontakt aufnehmen soll: „dns-prefetch-Hosts" löst nur den Namen auf, „preconnect-Hosts" baut zusätzlich die Verbindung auf. Ein Host je Zeile; die Einträge werden über den WordPress-Filter für Resource-Hints eingehängt und dabei entdoppelt.