Google heeft een rapport over je website. En de kans is groot dat je het nog nooit hebt ingezien.
Dat rapport heet Core Web Vitals. Het zijn drie metingen die Google uitvoert op elke website, en ze beinvloeden direct waar je in de zoekresultaten verschijnt.
Klinkt technisch? Valt mee. In dit artikel leg ik de drie metrieken uit in gewone taal, met voorbeelden die je herkent. En ik laat zien hoe je ze checkt en verbetert.
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie metingen waarmee Google beoordeelt hoe goed je website werkt voor echte bezoekers. Ze meten niet of je website mooi is of goede content heeft, maar of de technische ervaring in orde is.
De drie metrieken:
- LCP - Hoe snel laadt de pagina?
- INP - Hoe snel reageert de pagina?
- CLS - Hoe stabiel is de pagina?
Samen vormen ze een soort rapportcijfer voor de gebruikerservaring van je website. En sinds 2021 gebruikt Google dit rapportcijfer als factor in je ranking.
LCP: Largest Contentful Paint
In gewoon Nederlands: hoe lang duurt het voordat je bezoeker de pagina daadwerkelijk ziet?
LCP meet het moment waarop het grootste element op je scherm zichtbaar wordt. Meestal is dat een afbeelding, een video, of een groot blok tekst.
Een voorbeeld
Je zoekt op Google naar "loodgieter Amsterdam". Je klikt op het eerste resultaat. Het scherm is wit... wit... wit... en na 4 seconden verschijnt eindelijk de website.
Die 4 seconden is de LCP. En dat is slecht.
Wanneer is het goed?
- Groen (goed): onder 2,5 seconden
- Oranje (moet beter): 2,5 tot 4 seconden
- Rood (slecht): boven 4 seconden
Veelvoorkomende oorzaken van trage LCP
- Grote, ongecomprimeerde afbeeldingen (de nummer 1 boosdoener)
- Trage webhosting of geen CDN
- Te veel CSS en JavaScript dat eerst moet laden
- Webfonts die lang nodig hebben om te downloaden
Wat kun je doen?
- Comprimeer afbeeldingen naar WebP formaat
- Gebruik een snelle hosting provider
- Zorg dat je belangrijkste content als eerste laadt (niet pas na alle scripts)
INP: Interaction to Next Paint
In gewoon Nederlands: als je ergens op klikt, hoe lang duurt het voordat er iets gebeurt?
INP heeft in maart 2024 de oude FID (First Input Delay) vervangen. Het is een strengere meting. Waar FID alleen de eerste interactie mat, meet INP alle interacties tijdens een bezoek.
Een voorbeeld
Je bent op een webshop. Je klikt op "Toevoegen aan winkelwagen". Er gebeurt niks. Je klikt nog een keer. Nog steeds niks. Na een seconde verschijnt er eindelijk een bevestiging, en het product staat er twee keer in.
Dat is een slechte INP score in actie.
Wanneer is het goed?
- Groen (goed): onder 200 milliseconden
- Oranje (moet beter): 200 tot 500 milliseconden
- Rood (slecht): boven 500 milliseconden
200 milliseconden klinkt als weinig, maar je merkt het verschil. Een website die direct reageert voelt professioneel. Een website die een halve seconde vertraging heeft voelt... kapot.
Veelvoorkomende oorzaken van slechte INP
- Zware JavaScript die de browser blokkeert
- Te veel third-party scripts (analytics, chat widgets, social media embeds)
- Slecht geoptimaliseerde animaties
Wat kun je doen?
- Verwijder scripts die je niet echt nodig hebt
- Laad third-party scripts asynchroon
- Kies een framework dat efficient omgaat met JavaScript (zoals Next.js)
CLS: Cumulative Layout Shift
In gewoon Nederlands: verspringt je pagina terwijl die laadt?
CLS meet of elementen op je pagina van positie veranderen nadat ze al zichtbaar zijn. Dit is misschien wel de meest irritante ervaring op het web.
Een voorbeeld
Je leest een artikel op je telefoon. Je wilt op een link klikken. Maar net op dat moment laadt er een advertentie bovenaan de pagina, alles schuift naar beneden, en je klikt per ongeluk op iets anders.
Of: je vult een contactformulier in. Halverwege springt het formulier naar beneden omdat er een cookiemelding verschijnt die de layout verschuift.
Wanneer is het goed?
- Groen (goed): onder 0,1
- Oranje (moet beter): 0,1 tot 0,25
- Rood (slecht): boven 0,25
Veelvoorkomende oorzaken van layout shifts
- Afbeeldingen zonder opgegeven breedte en hoogte
- Advertenties of banners die later inladen
- Webfonts die het lettertype veranderen nadat de tekst al zichtbaar is
- Cookie-meldingen die content naar beneden duwen
Wat kun je doen?
- Geef altijd breedte en hoogte mee aan afbeeldingen
- Reserveer ruimte voor advertenties en banners
- Gebruik
font-display: swapvoor webfonts - Plaats cookie-meldingen als overlay, niet als element dat content verschuift
Hoe check je jouw Core Web Vitals?
Dat is het goede nieuws: het is gratis en kost je 30 seconden.
Methode 1: Google PageSpeed Insights
- Ga naar pagespeed.web.dev
- Vul je website URL in
- Klik op "Analyseren"
- Bekijk je scores voor LCP, INP en CLS
Let op: test altijd de mobiele versie. Dat is wat Google gebruikt voor je ranking.
Methode 2: Google Search Console
Als je Google Search Console hebt ingesteld (en dat zou je moeten hebben), vind je onder "Ervaring" > "Core Web Vitals" een overzicht van al je pagina's. Dit is gebaseerd op echte bezoekersdata, niet op een simulatie.
Methode 3: Chrome DevTools
Open je website in Chrome, druk op F12, ga naar het tabblad "Lighthouse" en voer een audit uit. Dit geeft je dezelfde informatie als PageSpeed Insights, maar dan lokaal.
Waarom zou je dit als ondernemer belangrijk vinden?
Omdat het direct invloed heeft op drie dingen:
1. Je Google ranking
Core Web Vitals zijn een ranking factor. Bij twee websites met vergelijkbare content kiest Google voor de website met betere scores. Het is niet de enige factor, maar het is er wel een.
2. Je bounce rate
Een trage, haperende website jaagt bezoekers weg. Google's eigen onderzoek toont: als een pagina 1 tot 3 seconden laadt, stijgt de kans dat iemand weggaat met 32%. Bij 1 tot 5 seconden is dat 90%.
3. Je conversie
Elke seconde vertraging kost je klanten. Amazon berekende dat 100 milliseconden extra laadtijd hen 1% omzet kost. Jouw bedrijf is geen Amazon, maar het principe is hetzelfde: snelheid verkoopt.
De eerlijke waarheid
Core Web Vitals verbeteren is mogelijk op elk platform. Maar het verschil in moeite is enorm.
Op WordPress ben je uren bezig met caching plugins, afbeeldingsoptimalisatie en het uitschakelen van overbodige scripts. Op Wix heb je simpelweg niet de controle om alles te fixen.
Wij bouwen op Next.js. Dat is een framework waarbij snelheid ingebakken zit in de architectuur. Onze websites scoren standaard 95-100 op alle Core Web Vitals, zonder trucjes.
Het verschil? Wij hoeven snelheid niet achteraf toe te voegen. Het zit er vanaf het begin in.
Wil je een website die scoort op alle Core Web Vitals? Plan een gesprek en we laten zien wat er mogelijk is. Websites vanaf 399 euro, en elke site scoort 95+ op PageSpeed.