Website snelheid verbeteren: wat het echt oplevert

Website snelheid verbeteren staat op vrijwel elke lijst met SEO-adviezen, meestal zonder dat erbij staat hoeveel het nou werkelijk uitmaakt. Het eerlijke antwoord: voor je positie in Google is het een van de kleinere factoren. Voor het aantal mensen dat blijft en iets aanvraagt, is het een van de grotere. Die twee dingen worden vaak door elkaar gehaald.

Wat Core Web Vitals precies meten

Google kijkt naar drie dingen. Hoe snel het grootste element in beeld staat, hoe snel de pagina reageert als je erop klikt, en hoeveel de opmaak nog verspringt tijdens het laden. Samen zeggen ze iets over hoe soepel een site aanvoelt, wat dichter bij de beleving van een bezoeker ligt dan een kale laadtijd in seconden.

De eerste, Largest Contentful Paint, hoort onder de 2,5 seconde te blijven. Dat is meestal je hoofdafbeelding of je kop. Blijft die lang leeg, dan zit een bezoeker naar een wit vlak te kijken en dat is precies het moment waarop mensen teruggaan.

De tweede, Interaction to Next Paint, hoort onder 200 milliseconden te blijven. Die meet of je site reageert wanneer iemand klikt. Een pagina die er snel staat maar drie tellen niets doet als je op een menu drukt, voelt trager dan een pagina die iets langzamer laadt en daarna meteen meewerkt.

De derde, Cumulative Layout Shift, hoort onder 0,1 te blijven. Dit is de knop die wegspringt op het moment dat je hem indrukt, omdat er bovenaan alsnog een afbeelding inschuift. Irritant, en gemakkelijk op te lossen door afmetingen vooraf vast te leggen.

Waar de vertraging in de praktijk vandaan komt

Bij verreweg de meeste sites die we onder handen nemen, zit het probleem in afbeeldingen. Foto’s die rechtstreeks uit een camera komen, drie tot vijf megabyte per stuk, geschaald door de browser in plaats van vooraf. Dat alleen al verklaart vaak de helft van de laadtijd.

De tweede oorzaak is het aantal dingen dat een pagina ophaalt bij derden. Een chatvenster, twee analysepakketten, een lettertypedienst, een cookiemelding en een reviewsysteem: elk daarvan is een verbinding met een andere server waarop jij geen invloed hebt. Ze zijn zelden allemaal nodig.

De derde is opgestapelde functionaliteit. Bij WordPress zie je dat als twintig plugins die allemaal hun eigen stylesheet en script meesturen, ook op pagina’s waar ze niets doen. Opruimen levert daar meer op dan welke caching-instelling dan ook, en het is werk dat je één keer doet.

Zeven ingrepen die het meeste opleveren

Comprimeer je afbeeldingen en sla ze op in een modern formaat. Een foto van 3 megabyte kan er op je scherm identiek uitzien op 150 kilobyte. Dit is de goedkoopste winst die er te halen valt en meestal in een middag gedaan.

Geef elke afbeelding een breedte en hoogte mee in de code. Dat kost niets en lost verspringende opmaak vrijwel volledig op, omdat de browser de ruimte alvast kan reserveren.

Laad wat onderaan de pagina staat pas als iemand daar komt. Voor afbeeldingen gaat dat tegenwoordig vanzelf, maar voor ingesloten video’s en kaarten moet je het zelf regelen. Een ingesloten kaart is vaak zwaarder dan de rest van de pagina bij elkaar.

Beperk je lettertypen. Twee families met elk twee diktes is ruim voldoende. Elke extra variant is een bestand dat opgehaald moet worden voordat er tekst in beeld komt.

Zet caching aan en gebruik hosting die in de buurt staat van je bezoekers. Voor een Nederlands bedrijf is een Nederlandse of Duitse server merkbaar sneller dan een goedkope server elders.

Gooi weg wat je niet gebruikt. Oude plugins, een tweede statistiekpakket dat niemand bekijkt, scripts van een campagne uit 2023. Dat is geen optimalisatie maar opruimen, en het werkt beter dan optimaliseren.

Meet daarna opnieuw, met echte bezoekersgegevens en niet alleen met een testtool. De cijfers die Google gebruikt komen uit werkelijk gebruik, en die wijken af van wat je op een snelle laptop met glasvezel ziet.

Wat je niet moet doen bij website snelheid verbeteren

Begin niet met een cachingplugin. Dat is de standaardreflex en het verbergt vaak het onderliggende probleem: je pagina wordt sneller geserveerd, maar hij is nog steeds te zwaar. Zodra er iets verandert aan je site, of zodra een bezoeker een pagina opent die niet in de cache staat, is de trage versie terug.

Jaag ook niet op een score van honderd in een testtool. Die score is een hulpmiddel, geen doel. Wij zien regelmatig sites die perfect scoren en waar bezoekers alsnog afhaken, omdat de tool op een gesimuleerde verbinding meet en niet op de telefoon van een echte klant in de trein.

En verwijder geen functionaliteit die je nodig hebt om een cijfer te halen. Een cookiemelding die wettelijk verplicht is of een chatvenster dat aanvragen oplevert, is de vertraging waard. De vraag is niet of iets tijd kost, maar of het dat waard is. Dat is een afweging, geen technische beslissing.

Hoe je meet zonder jezelf voor de gek te houden

Er zijn twee soorten metingen en ze zeggen iets anders. Een test die je zelf draait, simuleert een bezoeker en geeft je een score plus een lijst met aanbevelingen. Handig om te weten wat je kunt aanpakken, maar het is een laboratoriumsituatie.

De cijfers die Google werkelijk gebruikt komen uit metingen bij echte bezoekers, verzameld over achtentwintig dagen. Die vind je in Search Console. Ze reageren dus traag: een verbetering die je vandaag doorvoert, zie je pas over enkele weken volledig terug. Wie na twee dagen concludeert dat het niet werkt, kijkt naar het verkeerde getal.

Kijk daarbij apart naar mobiel en desktop. Bijna altijd is mobiel het probleem, en bijna altijd is dat ook waar het merendeel van je bezoekers vandaan komt. Een site die op desktop groen scoort en op mobiel rood, heeft geen snelheidsprobleem in het algemeen maar een probleem waar het telt.

Wat website snelheid verbeteren oplevert

Voor je positie: iets, en vooral als je concurrenten inhoudelijk gelijkwaardig zijn. Snelheid is een van de vele signalen en zal een zwakke pagina nooit bovenaan zetten. Wie belooft dat sneller laden je naar plek één brengt, verkoopt lucht.

Voor je conversie: aanzienlijk. Bezoekers haken af terwijl ze wachten, en dat gebeurt eerder dan de meeste eigenaren denken. Op mobiel, met een matige verbinding, ligt de grens laag. Wie een seconde wint, houdt meetbaar meer mensen op de pagina, en dat vertaalt zich direct in aanvragen.

Wil je weten waar het bij jou vastloopt, dan is een technische analyse het startpunt. Bij een website redesign pakken we dit standaard mee. De officiële uitleg over de meetwaarden staat bij web.dev.