Browsercache, CDN en verbindingshints
Drie instelknoppen betreffen niet het opbouwen van de pagina, maar de uitlevering: langlevende cache-headers voor statische bestanden, een CDN-host in de asset-adressen en vroege verbindingshints voor hosts van derden. Ze werken los van de vraag of de paginacache draait.
Browsercache-regels in de .htaccess
- De kaart ‘Browsercache (.htaccess)’ zit in het paneel ‘Assets’, onder de vier schakelaars.
- Bekijk de regel ‘Server’: de regels werken alleen bij Apache en LiteSpeed.
- Controleer de regel ‘.htaccess beschrijfbaar’. Staat daar ‘nee’, dan mislukt het schrijven met een melding.
- Schakel ‘Browsercache-regels schrijven’ in. Het blok wordt in de .htaccess in de WordPress-map geschreven.
- Met ‘Blok schrijven’ en ‘Blok verwijderen’ kun je hetzelfde blok los van de schakelaar opnieuw plaatsen of eruit halen.
Wat er in het blok staat
- Expires-regels via mod_expires voor CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, icons en WOFF2, telkens één jaar
- Een Cache-Control-header via mod_headers voor dezelfde bestandstypen plus WOFF, TTF en OTF
- Compressie via mod_deflate voor HTML, tekst, CSS, JavaScript, JSON en SVG
Header set Cache-Control "public, max-age=31536000, immutable"Asset-adressen naar een CDN herschrijven
- Open in de groep ‘Optimalisatie’ (in het Duits: „Optimierung“) het onderdeel ‘CDN’.
- Schakel ‘CDN-uitlevering actief’ in.
- Vul bij ‘CDN-basis-URL’ het adres van de CDN-host in; die moet dezelfde paden als de site spiegelen.
- In de kaart ‘Voorbeeld’ verschijnt daarna een voorbeeld van hoe een herschreven adres eruitziet.
Herschreven worden uitsluitend adressen van de eigen site en alleen statische bronnen: CSS, JavaScript, afbeeldingen, lettertypen en enkele video- en PDF-bestanden. Het gaat om ingeladen scripts en styles, bijlage-adressen en src, href en srcset in de inhoud. Een upload naar het CDN vindt niet plaats, de bestanden moeten daar al oproepbaar zijn.
dns-prefetch en preconnect
In het paneel ‘Preload’ (kop ‘Preload / Verbindingen’) kun je hosts vastleggen waarmee de browser vroeg contact moet opnemen: ‘dns-prefetch-hosts’ zoekt alleen de naam op, ‘preconnect-hosts’ bouwt daarnaast ook de verbinding op. Eén host per regel; de vermeldingen worden via het WordPress-filter voor resource hints ingehangen en daarbij ontdubbeld.