Browsercaching
Statische bestanden moeten aan de kant van de bezoeker worden opgeslagen.
Wat het is
Browsercaching (via Cache-Control / Expires-headers) zorgt ervoor dat de browser statische bestanden (afbeeldingen, CSS, JS, lettertypen) opslaat en deze bij een volgend bezoek niet opnieuw downloadt.
Waarom het belangrijk is
Zonder caching downloadt een terugkerende bezoeker alles opnieuw bij elke laadbeurt, onnodig traag en data-zwaar. Een goede caching versnelt herhaalde bezoeken aanzienlijk en ontlast de server.
Hoe je het doet
- 1Stel een lange cache in (bijvoorbeeld 1 jaar) voor onveranderlijke statische bestanden.
- 2Gebruik "cache busting" - versiebeheer in de naam (app.4f3a.js), zodat de gebruiker bij wijziging de nieuwe versie krijgt.
- 3Houd HTML met een korte of geen cache (deze moet actueel zijn).
- 4Controleer de Cache-Control-headers in het antwoord.
Statische bestanden in cache opslaan (.htaccess)
<IfModule mod_expires.c>
Verloopt Actief Aan
ExpiresByType image/webp "toegang plus 1 jaar"
ExpiresByType tekst/css "toegang plus 1 jaar"
ExpiresByType applicatie/javascript "toegang plus 1 jaar"
</IfModule>Conclusie
Browsercaching is een goedkope manier om herhaalde bezoeken te versnellen. De sleutel is het combineren van een lange cache voor statische assets + versienamen, zodat u bestanden kunt wijzigen zonder het risico dat de gebruiker een oude versie te zien krijgt. Houd HTML daarentegen fris.
Gerelateerde onderwerpen