Verbinding mislukt. Probeer het opnieuw.

Naar inhoud springen
SEO Tools
Help en documentatie
Snelheid Gemiddelde impact Makkelijk 15–30 minuten

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

  1. 1Stel een lange cache in (bijvoorbeeld 1 jaar) voor onveranderlijke statische bestanden.
  2. 2Gebruik "cache busting" - versiebeheer in de naam (app.4f3a.js), zodat de gebruiker bij wijziging de nieuwe versie krijgt.
  3. 3Houd HTML met een korte of geen cache (deze moet actueel zijn).
  4. 4Controleer de Cache-Control-headers in het antwoord.

Statische bestanden in cache opslaan (.htaccess)

Goed
<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