Caching uitgelegd: browser- en servercache voor kmo's

Een moderne website is geen map met kant-en-klare pagina's. Zeker bij systemen zoals WordPress stelt de server elke pagina op het moment zelf samen: hij haalt teksten uit een database, laat plugins hun werk doen en plakt alles aan elkaar. Dat gebeurt bij elk bezoek opnieuw, ook al is de pagina al maanden niet veranderd.

Al dat herhaalde werk voel je als wachttijd. De gemiddelde laadtijd op mobiel bedraagt 8,6 seconden, tegenover 2,5 seconden op desktop, en een flink deel van dat verschil ontstaat nog voor er één pixel op het scherm staat. En wachttijd kost bezoekers: Google stelde vast dat 53% van de mobiele bezoekers afhaakt als een pagina langer dan 3 seconden laadt.

Caching pakt dit bij de wortel aan: werk dat al gedaan is, wordt bewaard en hergebruikt. Er bestaan twee grote smaken, en ze helpen elk een ander soort bezoeker.

De browsercache zit op het toestel van je bezoeker. De eerste keer dat iemand je site bezoekt, downloadt zijn browser je logo, je lettertypes, je stylesheet en je scripts. Met de juiste instellingen zegt jouw server erbij: bewaar deze bestanden gerust een tijdje. Komt die bezoeker terug, of klikt hij door naar een tweede pagina, dan staan die bestanden al op zijn toestel en hoeft er bijna niets meer over het netwerk.

Daarom voelt een goed ingestelde site vanaf de tweede pagina zo vlot aan: het zware werk is al gebeurd. Voor jou als kmo is dat belangrijk, want de meeste conversies gebeuren niet op de eerste pagina. Wie van je startpagina naar je aanbod en dan naar je contactformulier klikt, doorloopt drie pagina's; de browsercache maakt pagina twee en drie bijna gratis.

De instellingen hiervoor heten cache headers en worden bepaald door je server of je caching plugin. Vuistregel: bestanden die zelden veranderen, zoals logo's en lettertypes, mogen wekenlang bewaard worden; je pagina's zelf hooguit kort. Een goede plugin of hostingpartij regelt dit automatisch.

De servercache, vaak paginacache genoemd, zit aan jouw kant. In plaats van elke pagina telkens opnieuw op te bouwen, bewaart de server een afgewerkte kopie. De volgende bezoeker krijgt die kopie meteen opgestuurd, zonder database en zonder plugins. Het verschil in serverreactietijd is vaak een factor vijf tot tien.

Dit is de cache die je eerste indruk redt. De browsercache helpt pas vanaf de tweede pagina, maar de servercache versnelt ook het allereerste bezoek van een gloednieuwe klant die via Google binnenkomt. En net die eerste seconden bepalen of iemand blijft: als de laadtijd stijgt van 1 naar 3 seconden, neemt de kans dat een bezoeker meteen weer vertrekt toe met 32%.

Bij moderne hostingpakketten zit servercaching vaak ingebouwd en moet je ze alleen aanvinken. Bij WordPress kan het ook met een plugin. Belangrijk om te onthouden: servercache werkt alleen voor pagina's die voor iedereen hetzelfde zijn. Een winkelwagen, een klantenzone of een offerteformulier met ingevulde gegevens hoort er nooit in.

De twee caches vullen elkaar aan. Dit overzicht zet ze naast elkaar:

	Browsercache	Servercache
Waar	Op het toestel van je bezoeker	Bij je hosting
Wie profiteert	Terugkerende bezoekers en doorklikkers	Iedereen, ook het allereerste bezoek
Wat wordt bewaard	Losse bestanden: beelden, fonts, scripts	Volledige afgewerkte pagina's
Typische winst	Vervolgpagina's laden bijna meteen	Serverreactie vaak 5 tot 10 keer sneller
Let op	Bezoekers kunnen oude bestanden zien na een wijziging	Nooit gebruiken voor winkelwagen of klantenzone

Wil je het effect zien in cijfers: webshops die in 1 seconde laden halen een conversie van 3,05%, tegenover 1,08% bij 5 seconden. Caching alleen brengt je niet van 5 naar 1 seconde, maar het is bijna altijd de grootste enkele stap.

Caching activeren hoeft geen risico te zijn als je dit stappenplan volgt:

1. Kijk eerst bij je hosting. Veel Belgische hostingpakketten hebben een knop voor servercaching in het controlepaneel. Wat de hosting zelf doet, is meestal sneller en stabieler dan een plugin.
2. Geen optie bij je hosting? Kies dan één degelijke caching plugin. Eén, niet twee: dubbele caching veroorzaakt de vreemdste fouten.
3. Sluit dynamische pagina's uit. Winkelwagen, afrekenen, klantenzone en zoekresultaten horen niet in de paginacache. Goede plugins doen dit standaard, controleer het toch.
4. Test als een echte bezoeker. Open je site in een privévenster en doorloop je contactformulier en, als je een webshop hebt, een volledige testbestelling.
5. Leeg de cache na elke wijziging. Zie je een aanpassing niet verschijnen, dan kijk je vrijwel zeker naar een bewaarde oude versie. Eén klik op cache legen lost het op.

Reken op een uurtje werk, inclusief testen. Er is weinig op een website dat zoveel oplevert per geïnvesteerde minuut.

Caching is onzichtbaar werk: geen bezoeker zal je ervoor bedanken, maar iedereen voelt het verschil. Voor een kmo is het de goedkoopste seconde die je ooit zult winnen.

Wil je weten of jouw site zijn pagina's klaarlegt of nog altijd voor elke bezoeker opnieuw begint te kneden? Doe de gratis marketing scan en ontdek in enkele minuten waar jouw snelheid vandaag blijft steken.