Update 2024: Cache-headers instellen voor sneller laden

Een terugkerende bezoeker hoeft uw logo en stylesheet niet opnieuw te downloaden. Dat vertelt u de browser met een paar regels in de serverconfiguratie.

Sanne uit Apeldoorn liet ons onlangs foto’s zien van de situatie.

Hoe lang mag een bestand blijven staan?

Afbeeldingen, lettertypen en scripts veranderen zelden. Een levensduur van een maand of langer is dan prima.

Als u een stylesheet aanpast, moet de browser weten dat er een nieuwe versie is. Daarom zet WordPress een versienummer achter de bestandsnaam.

• Afbeeldingen: een jaar
• HTML: kort of niet
• Controleer de headers in de browser
• Meet voor en na
• Test ook de mobiele verbinding

Het probleem met wijzigingen

Verlooptijden in .htaccess:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Meet na afloop opnieuw. De winst zit meestal bij de tweede paginaweergave. Een uitgebreide uitleg staat op MDN.

Benieuwd wat dit voor uw site oplevert? Stuur ons de URL, dan kijken we mee. Wat wij hierin voor u kunnen doen, leest u op de pagina diensten.

Lees ook: Statische bestanden een lange levensduur geven