Bezoekers downloaden alles steeds opnieuw: stel je browsercache in

Met browsercaching bewaart de browser van je bezoeker bestanden zoals je logo, lettertypes, CSS en JavaScript. Komt diegene terug of klikt hij door naar een volgende pagina, dan hoeven die bestanden niet opnieuw gedownload te worden.

In het kud-rapport Bezoekers downloaden alles steeds opnieuw

Waarom het uitmaakt

Zonder cachetijd laadt elke paginaweergave alles opnieuw. Dat is zonde van de tijd van je bezoeker en van je eigen serverkracht.

Vooral bezoekers die meerdere pagina's bekijken, merken het verschil: de tweede pagina staat er vrijwel meteen.

Zo los je het op

Stel voor afbeeldingen, lettertypes, CSS en JavaScript een lange cachetijd in, bijvoorbeeld een jaar.
Werk je bestanden bij? Geef ze dan een nieuwe naam of versienummer (zoals style.v2.css), zodat bezoekers de nieuwe versie krijgen.
Laat HTML-pagina's zelf kort of niet cachen, zodat aanpassingen in je tekst meteen zichtbaar zijn.
Gebruik je een CDN zoals Cloudflare, dan kun je daar de cacheregels instellen.

# .htaccess (Apache)
<IfModule mod_headers.c>
  <FilesMatch "\.(webp|avif|jpg|png|svg|woff2|css|js)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
  </FilesMatch>
</IfModule>

Op jouw platform

WordPress: Cacheplugins zoals WP Rocket en LiteSpeed Cache stellen browsercaching voor je in. WordPress voegt zelf al versienummers toe aan CSS en JavaScript.
Shopify en Wix: Hier regelt het platform de cachetijden voor je eigen bestanden. Meldingen gaan dan vaak over bestanden van externe apps of scripts.

Veelgestelde vragen

Zien bezoekers mijn wijzigingen niet meer als ik lang cache?

Bij HTML wel, want die cache je kort. Voor CSS en JavaScript gebruik je een nieuwe bestandsnaam of versienummer bij elke wijziging.

Waarom meldt de check bestanden die niet van mij zijn?

Scripts van bijvoorbeeld Google, Facebook of een chatwidget hebben hun eigen cachetijd. Daar heb je zelf geen invloed op, behalve door ze weg te laten.