Waarom caching?
Caching versnelt je WordPress-site door statische versies van pagina’s en assets op te slaan. Dit vermindert de serverbelasting en verbetert de laadtijd, wat resulteert in een betere gebruikerservaring en hogere SEO-score.
1. Soorten caching in WordPress
- Pagina-caching – Slaat volledige HTML-pagina’s op om sneller te laden.
- Object-caching – Bewaart databasequery’s en voorkomt herhaalde berekeningen.
- Browser-caching – Laat bezoekers eerder geladen bestanden lokaal opslaan.
- Server-side caching – Wordt vaak door hostingproviders aangeboden.
- CDN-caching – Verspreidt content via een Content Delivery Network voor snellere wereldwijde toegang.
2. Caching instellen met een plugin
De eenvoudigste manier om caching in WordPress in te stellen is via een plugin. Populaire opties zijn:
- WP Rocket (premium, gebruiksvriendelijk en krachtig)
- W3 Total Cache (geavanceerde instellingen en CDN-ondersteuning)
- WP Super Cache (eenvoudig en effectief voor basisgebruik)
- LiteSpeed Cache (aanbevolen voor LiteSpeed-servers, krachtige optimalisatie)
Installatie van een caching-plugin
- Ga naar Plugins > Nieuwe plugin.
- Zoek naar de gewenste caching-plugin (bijv. "WP Rocket").
- Klik op Nu installeren en daarna op Activeren.
- Configureer de instellingen zoals hieronder beschreven.
3. WP Rocket instellen (Aanbevolen voor beginners)
- Ga naar Instellingen > WP Rocket.
- Activeer Pagina Caching – Statische versies van pagina’s worden opgeslagen.
- Activeer Browser Caching – Laat bezoekers eerder gedownloade bestanden hergebruiken.
- Optimaliseer Bestanden – Schakel CSS- en JavaScript-minificatie in.
- Activeer Lazy Loading – Laadt afbeeldingen pas als ze in beeld komen.
- Gebruik een CDN (optioneel) – Integreer Cloudflare of een ander CDN.
- Cache Leegmaken – Na wijzigingen, wis de cache via WP Rocket > Dashboard > Cache opschonen.
4. W3 Total Cache instellen (Voor gevorderden)
- Ga naar Performance > General Settings.
- Activeer Page Cache en kies "Disk: Enhanced".
- Activeer Minify en stel in op "Auto".
- Activeer Object Cache voor databaseoptimalisatie.
- Activeer Browser Cache en pas headers aan om caching te verlengen.
- Gebruik een CDN (optioneel) – Voeg je CDN-provider toe onder Performance > CDN.
- Cache wissen – Performance > Dashboard > Empty all caches.
5. Handmatige caching via .htaccess
(Apache Servers)
Voor wie geen plugin wil gebruiken, voeg deze regels toe aan je .htaccess
-bestand:
# Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access 1 hour"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType application/javascript "access 1 month"
</IfModule>
Voor Nginx-servers voeg je dit toe aan nginx.conf
:
location ~* \.(jpg|jpeg|png|gif|css|js|ico|woff2?)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}
6. Cache testen en beheren
Na het instellen, test je de cache met:
- GTmetrix (https://gtmetrix.com)
- Google PageSpeed Insights (https://pagespeed.web.dev)
- Lighthouse (Chrome DevTools)
Om cacheproblemen op te lossen, wis de cache via de plugin of handmatig via je hostingpanel.
Conclusie
Caching is essentieel voor een snelle WordPress-website. Gebruik een plugin zoals WP Rocket of W3 Total Cache voor eenvoudige implementatie, of stel caching handmatig in via .htaccess
of Nginx-configuratie.