Caching is een van de meest effectieve manieren om een WordPress-website direct sneller te maken. In plaats van dat de server bij elk bezoek de hele pagina opnieuw moet opbouwen, wordt er een kant-en-klare kopie getoond. Ik zie vaak dat websites hiermee hun laadtijd simpelweg kunnen halveren. In dit artikel leg ik uit hoe deze techniek werkt en hoe je zelf met een paar klikken een caching-plugin activeert om je gebruikerservaring en Google-posities te verbeteren.

Ik zie dagelijks websites die technisch prima in elkaar zitten, maar traag aanvoelen omdat de server te hard moet werken. Caching is dan vaak de ‘quick win’ die ik adviseer mits dit nog niet gebeurt. Caching is een cruciale term om te kennen: het is de techniek die ervoor zorgt dat je website niet bij elk bezoek vanaf nul opgebouwd hoeft te worden, maar direct klaarstaat voor de bezoeker.

Ik leg caching vaak uit aan de hand van een technisch proces dat normaal op de achtergrond gebeurt. Elke keer dat iemand je website bezoekt, moet je server informatie ophalen uit een database, PHP-code verwerken en dit omzetten in een webpagina.

Voorbeeld Ik bezoek de homepage van je website. WordPress gaat vervolgens in de database opzoeken hoe de homepage eruit ziet, bouwt deze op en laat het resultaat zien. Vernieuw ik vervolgens de pagina dan begint WordPress helemaal opnieuw, gaat in de database opzoeken hoe de homepage eruit ziet en gaat weer bouwen alvorens het resultaat te tonen. Heb je drie bezoekers tegelijkertijd gaat WordPress simultaan drie keer naar de database om te kijken hoe de homepage eruit ziet, gaat drie keer bouwen.. je snapt het wel. Er zijn situaties te bedenken waarin dit handig is, maar in veel gevallen is dit een inefficient proces.

Het zou efficiënter zijn als WordPress tussentijds onthoud hoe de homepage eruit ziet. En zodra jij je homepage aanpast krijgt WordPress een seintje: haal de ge-update versie uit de database want er is een aanpassing geweest. Deze versie onthoud WordPress vervolgens zodat de pagina niet elke keer opnieuw vanuit de database opgebouwd hoeft te worden.

Caching maakt een ‘foto’ of een statische kopie van dat eindresultaat. Wanneer de volgende bezoeker komt, stuurt de server simpelweg die kopie door. Het rekenproces wordt overgeslagen. Volgens documentatie van Cloudflare vermindert caching de belasting op de server aanzienlijk, wat resulteert in een veel vlottere ervaring voor de eindgebruiker.

De reden dat caching zo’n enorme impact heeft, is dat het de ‘Time to First Byte’ (TTFB) (onderdeel van Core Web Vitals) drastisch verlaagt. Omdat de server niet hoeft te wachten op de database, kan de verzending van de pagina direct beginnen. In de praktijk zie ik laadtijden van 4 seconden vaak terugvallen naar minder dan 2 seconden na het correct instellen van caching.

Caching verbetert niet alleen de snelheid, maar is ook essentieel voor het verwerken van meer bezoekers tegelijkertijd zonder dat je site crasht. Een snellere site betekent minder afhakers en een hogere conversie.

Je hoeft geen programmeur te zijn om de basis van caching in te regelen. Ik adviseer je om te beginnen met een van de volgende stappen:

1. Check je hosting: Veel kwalitatieve hosters hebben caching al op serverniveau aanstaan. Log in op je hostingpaneel en zoek naar ‘Nginx Caching’ of ‘Varnish’. Vaak hoef je hier alleen een vinkje aan te zetten.
2. Installeer een plugin: Als je hosting dit niet automatisch doet, kun je zelf een plugin installeren. Denk bijvoorbeeld aan WP Fastest Cache of LiteSpeed Cache.
3. Controleer de werking: Open je website in een incognito-venster. Voelt de site na de tweede keer klikken sneller? Dan werkt de basis versie van caching.
4. Optimaliseer de caching regels: Hoewel de standaard instellingen vaak al een positieve impact hebben op de laadtijden raad ik altijd om je een klein beetje te verdiepen in caching en de instellingen te optimaliseren.

Wil je zeker weten dat het werkt gebruik dan de inspector tools in Google Chrome of Firefox. Het proces is in beide browsers vrijwel identiek.

1. Open je website in een Incognito-venster: Dit is essentieel. Je wilt niet dat je eigen browsergeschiedenis of een actieve login de resultaten beïnvloedt.
2. Open de Inspectie-tool: Rechtermuisknop ergens op de pagina > Inspecteren (of druk op F12).
3. Ga naar het tabblad ‘Network’ (Netwerk): Hier zie je alle bestanden die worden geladen.
4. Ververs de pagina (F5): Je ziet nu een lijst met bestanden voorbijschieten.
5. Selecteer het bovenste item: Dit is meestal de URL van je website zelf (het ‘Doc’ type).
6. Bekijk de ‘Headers’: Aan de rechterkant (of onderkant) verschijnt een nieuw venster. Zoek hier naar het kopje Response Headers.

Zoek in de Response Headers naar specifieke termen die verraden of caching actief is. Afhankelijk van je plugin of hosting zie je vaak een van de volgende regels:

x-cache: HIT
Dit is het beste resultaat. Het betekent dat de pagina uit de cache is geserveerd. Zie je MISS? Ververs dan nog een keer; de cache moest waarschijnlijk nog worden opgebouwd.

cf-cache-status: HIT
Gebruik je Cloudflare? Dan zie je dit. Ook hier is HIT het doel.

cache-control
Hier zie je hoe lang een browser een bestand mag onthouden in seconden (bijvoorbeeld max-age=31536000).

age
Dit getal (in seconden) vertelt je hoe lang de pagina al in de cache staat. Als hier 0 staat, is de pagina net vers gegenereerd.

Tip van de Websitemonteurs: Let op de kolom ‘Size‘ in het Network-tabblad. Zie je daar bij veel bestanden (from memory cache) of (from disk cache) staan? Dan weet je dat de browsercaching ook zijn werk doet!

Hoewel dit artikel de basis behandelt, gaat caching in de praktijk nog veel dieper (zoals browser caching en object caching). Daar duiken we in een later artikel verder in. Voor nu is het belangrijkste dat je begrijpt dat een actieve cache je grootste vriend is in de strijd tegen een trage website. Het is de meest eenvoudige manier om je techniek voor je te laten werken in plaats van tegen je.

Caching is de motor achter een snelle website. Door een kopie van je pagina’s paraat te hebben, bespaar je de server werk en je klant tijd. De Website monteurs helpen je graag om deze instellingen tot in de puntjes te optimaliseren, maar door vandaag zelf een basisplugin te activeren, halveer je de laadtijd van je site waarschijnlijk al direct. Dubbelcheck natuurlijk wel of je al een caching-plugin hebt want twee verschillende caching-plugins tegelijkertijd werkt averechts.