Websitesnelheid: de complete checklist voor Core Web Vitals

Je hebt een mooie website laten bouwen, maar bezoekers haken af voordat de pagina goed en wel geladen is. Frustrerend, en het kost je geld. Snelheid voelt als iets technisch waar je toch geen grip op hebt, maar dat valt mee. In dit artikel leg ik in gewone taal uit waarom websitesnelheid telt, wat de Core Web Vitals zijn, en wat je concreet kunt doen om je site sneller te maken.

Je hoeft geen programmeur te zijn om de meeste winst te pakken. Veel verbeteringen zitten in afbeeldingen, hosting en het aantal extra scripts dat meelift. Aan het eind staat een checklist die je punt voor punt kunt afwerken.

Waarom snelheid telt voor omzet en Google

Snelheid raakt twee dingen die direct met je omzet te maken hebben: hoeveel bezoekers blijven, en hoe goed je gevonden wordt. Onderzoek van Google laat zien dat de kans dat iemand wegklikt met ongeveer 32 procent stijgt als de laadtijd van 1 naar 3 seconden gaat. Bij 5 seconden is die kans al meer dan verdubbeld. Iedere seconde die je bezoeker moet wachten, kost je dus klanten.

Voor webshops is het verband nog scherper. Verschillende grote onderzoeken vinden dat een seconde extra laadtijd de conversie met enkele procenten kan drukken. Op een omzet van een ton per jaar praat je dan al snel over duizenden euro's die je laat liggen, puur door wachttijd.

Daarnaast gebruikt Google snelheid als ranking-factor. Sinds 2021 wegen de Core Web Vitals mee in hoe hoog je in de zoekresultaten komt. Snelheid is niet de allerbelangrijkste factor, je content blijft koning, maar bij twee vergelijkbare pagina's wint de snelste. Wil je meer weten over de bredere aanpak, lees dan ook onze complete SEO gids.

De drie Core Web Vitals in gewone taal

Core Web Vitals klinkt ingewikkeld, maar het zijn drie simpele vragen die Google stelt over de beleving van je bezoeker. Hoe snel zie ik iets? Reageert de pagina als ik klik? En blijft alles netjes op zijn plek staan?

LCP, oftewel Largest Contentful Paint. Dit meet hoe lang het duurt voordat het grootste element op je scherm zichtbaar is, meestal een grote afbeelding of een kop. Het gaat om het moment dat je bezoeker denkt: de pagina staat er. Een goede score is onder de 2,5 seconde. Zit je daarboven, dan voelt de site traag.

INP, oftewel Interaction to Next Paint. Dit meet hoe snel je pagina reageert als iemand klikt, tikt of typt. Klik je op een knop en gebeurt er pas na een halve seconde iets, dan voelt dat hakkelig. Een goede score is onder de 200 milliseconden. INP heeft sinds maart 2024 de oude maatstaf FID vervangen, dus als je oudere adviezen tegenkomt over FID, gaat het in de kern over hetzelfde.

CLS, oftewel Cumulative Layout Shift. Dit meet of dingen op je pagina verspringen tijdens het laden. Je wilt op een knop klikken, een advertentie schuift erin, en ineens druk je op iets anders. Irritant. Een goede score is onder de 0,1. Hoe lager, hoe stabieler je pagina staat.

Afbeeldingen optimaliseren: de grootste winst

In negen van de tien gevallen is de grootste boosdoener van een trage site simpel: te zware afbeeldingen. Een foto die rechtstreeks van een camera of telefoon komt, is al snel 4 tot 8 megabyte. Op een pagina met vijf van die foto's laat je je bezoeker tientallen megabytes downloaden, terwijl een paar honderd kilobyte vaak ruim voldoende is.

Er zijn drie dingen die je hier doet. Ten eerste het formaat: maak een afbeelding niet groter dan hij getoond wordt. Een foto van 4000 pixels breed op een plek waar maar 800 pixels nodig zijn, is pure verspilling. Schaal hem terug naar de echte weergavegrootte.

Ten tweede de compressie en het bestandstype. Sla foto's op als modern formaat zoals WebP of AVIF. Die zijn vaak 25 tot 35 procent kleiner dan een gewone JPEG, zonder zichtbaar kwaliteitsverlies. Een goede vuistregel: een foto op je site hoeft zelden zwaarder te zijn dan 200 kilobyte.

Ten derde lazy loading. Dit betekent dat afbeeldingen pas laden op het moment dat de bezoeker er bijna naartoe scrolt. Plaatjes onder aan een lange pagina hoeven niet meteen mee te laden, en dat scheelt direct in je LCP. De meeste moderne websites en plugins doen dit automatisch, maar het is goed om te controleren of het aanstaat.

Hosting, servertijd en caching

De tweede grote factor zit onder de motorkap: waar staat je website en hoe snel reageert die server. Stel je voor dat elke bezoeker een bestelling plaatst en de server het gerecht elke keer opnieuw bereidt. Bij goedkope, overvolle hosting staan honderden sites op één machine, en dan wordt het wachten. Een goede serverresponstijd zit onder de 200 milliseconden. Goedkope shared hosting zit daar vaak ver boven.

Hier komt caching om de hoek kijken. Caching betekent dat de server een kant-en-klare versie van je pagina bewaart, zodat hij die niet bij elke bezoeker opnieuw hoeft op te bouwen. Het is het verschil tussen elke keer opnieuw koken en een bord uit de koelkast pakken dat al klaarstaat. Goede caching kan je laadtijd halveren of meer.

Een verwante techniek is een CDN, een netwerk van servers verspreid over de wereld dat je afbeeldingen en bestanden serveert vanaf een locatie dicht bij je bezoeker. Voor een lokaal bedrijf is dat minder cruciaal, maar het helpt wel. Wil je vooral klanten uit je eigen regio bereiken, kijk dan ook naar onze gids over lokale SEO.

Te veel scripts en plugins

Elke plugin, elke trackingcode en elk extern lettertype dat je toevoegt, laadt een stukje code mee. Eén of twee merk je niet. Maar veel sites slepen na een paar jaar dertig of veertig plugins mee, plus tracking voor Google, Facebook, een cookiebanner, een chatwidget en drie verschillende lettertypes. Al die extra scripts vertragen vooral je INP, want de browser is druk met code uitvoeren in plaats van reageren op je bezoeker.

De oplossing is opruimen. Loop je plugins langs en gooi weg wat je niet actief gebruikt. Heb je echt drie verschillende lettertypes nodig, of kan het met één? Iedere trackingcode die je weghaalt, maakt je site een stukje sneller. Wees vooral kritisch op alles wat van buitenaf laadt, want daar heb je zelf geen controle over de snelheid.

Veel scripts horen bij content die je toevoegt, denk aan ingesloten video's of social media widgets. Houd in je achterhoofd dat goede content niet per se zwaar hoeft te zijn. Hoe je waardevolle pagina's bouwt zonder je site vol te stoppen, lees je in onze gids over content schrijven met AI.

Meten met PageSpeed Insights

Gevoel zegt niet alles, dus meet je site. Het handigste gratis hulpmiddel is PageSpeed Insights van Google. Je plakt er je webadres in, en binnen een halve minuut krijg je een score van 0 tot 100, plus je drie Core Web Vitals. Groen is goed, oranje kan beter, rood vraagt om actie.

Let bij het lezen op twee dingen. Bovenaan zie je vaak veldgegevens, dat zijn echte metingen van echte bezoekers van de afgelopen weken. Daaronder staan labgegevens, een test onder gecontroleerde omstandigheden. De veldgegevens zijn het eerlijkst, want die laten zien wat je bezoekers echt ervaren. Test ook altijd apart op mobiel, want daar is de score meestal lager en kijkt het merendeel van je bezoekers.

Onder de score geeft de tool concrete adviezen, gerangschikt op hoeveel ze schelen. Begin bovenaan en werk naar beneden. Je hoeft geen perfecte 100 te halen, een score in het groen, dus boven de 90, en alle Core Web Vitals in het groen is een prima doel.

Stap voor stap checklist

Werk deze lijst van boven naar beneden af. De eerste punten leveren meestal de meeste winst op.

1. Meet je nulpunt. Draai je belangrijkste pagina's door PageSpeed Insights en noteer je scores voor mobiel en desktop.
2. Comprimeer je afbeeldingen. Schaal ze naar de echte weergavegrootte en sla ze op als WebP of AVIF, streef naar maximaal 200 kilobyte per foto.
3. Zet lazy loading aan. Controleer of afbeeldingen pas laden als ze in beeld komen.
4. Activeer caching. Zet caching aan via je platform of plugin, of vraag je hostingpartij erom.
5. Controleer je servertijd. Zit je serverresponstijd boven de 200 milliseconden, overweeg dan betere hosting.
6. Ruim plugins en scripts op. Verwijder alles wat je niet gebruikt en beperk het aantal externe scripts en lettertypes.
7. Voorkom verspringen. Geef afbeeldingen en advertenties vaste afmetingen mee zodat de pagina niet schokt tijdens het laden.
8. Meet opnieuw. Draai dezelfde test nog eens en vergelijk met je nulpunt.

Loop je hierin vast, of begin je liever met een gezonde basis? Dan kun je ook overwegen om vanaf het begin een razendsnelle website te laten bouwen die op snelheid is ingericht. Dan hoef je later veel minder te repareren.

Een snelle site is geen luxe, het is het verschil tussen een bezoeker die blijft en een klant die je nooit ziet.

Snelheid is geen eenmalige klus maar onderhoud. Elke nieuwe foto, plugin of campagnecode kan je site weer vertragen. Plan daarom een paar keer per jaar een korte meting in. Zo houd je je site snel, je bezoekers tevreden en Google te vriend. Wil je daarbovenop autoriteit opbouwen, dan helpt onze gids over linkbuilding je verder.