In mei 2021 introduceerde Google de Page Experience Update, waarbij Core Web Vitals officieel onderdeel werden van het rankingalgoritme. In 2024 verving Google FID (First Input Delay) door INP (Interaction to Next Paint), waarmee de set van drie metrics weer actueel is. Slechte scores kosten je rankings — en daarmee organisch verkeer en omzet.
De drie Core Web Vitals uitgelegd
1. LCP — Largest Contentful Paint (laadprestaties)
LCP meet hoe lang het duurt voordat het grootste zichtbare element op de pagina — meestal een hero-afbeelding, video of grote tekstblok — volledig geladen is. LCP is de metric die het meest direct aanvoelt als "hoe snel laadt deze pagina?"
- Goed: 2,5 seconden of minder
- Verbetering nodig: 2,5 – 4,0 seconden
- Slecht: meer dan 4,0 seconden
De meest voorkomende LCP-oorzaken: grote, niet-geoptimaliseerde afbeeldingen, trage serverresponstijden, render-blocking JavaScript en CSS, en het ontbreken van preloading voor kritieke bronnen.
2. INP — Interaction to Next Paint (interactiviteit)
INP verving FID in maart 2024 als de officiële interactiviteits-metric. INP meet hoe snel de pagina reageert op alle gebruikersinteracties gedurende het bezoek: klikken op knoppen, menu-openingen, formulierinzendingen. Lager is beter.
- Goed: 200 milliseconden of minder
- Verbetering nodig: 200 – 500 milliseconden
- Slecht: meer dan 500 milliseconden
Slechte INP-scores worden doorgaans veroorzaakt door zwaar JavaScript dat de hoofdthread blokkeert. Dit is een veel voorkomend probleem bij WordPress-sites met veel plugins.
3. CLS — Cumulative Layout Shift (visuele stabiliteit)
CLS meet hoeveel de pagina-indeling onverwacht verschuift terwijl de pagina laadt. Ken je het fenomeen waarbij je op een knop wilt klikken maar de pagina plots verschuift en je per ongeluk op een advertentie klikt? Dat is een slechte CLS.
- Goed: 0,1 of lager
- Verbetering nodig: 0,1 – 0,25
- Slecht: meer dan 0,25
Veelvoorkomende CLS-oorzaken: afbeeldingen zonder vaste breedte/hoogte-attributen, advertenties die dynamisch worden geladen, en web fonts die later laden dan de fallback-font.
Hoe meet je je Core Web Vitals?
Google PageSpeed Insights
Ga naar pagespeed.web.dev en voer je URL in. Je krijgt zowel lab-data (gesimuleerd) als field-data (echte gebruikers via het Chrome User Experience Report). Field-data is het meest relevant voor Google's rankingbeoordeling, maar vereist genoeg bezoekersvolume. Focus altijd op de mobiele score — Google gebruikt mobile-first indexing.
Google Search Console
In Search Console vind je onder "Ervaring" → "Core Web Vitals" een overzicht van alle pagina's op je website, gecategoriseerd als Goed, Verbetering nodig of Slecht. Dit geeft je een prioriteitenlijst van pagina's die aandacht verdienen.
Lighthouse (Chrome DevTools)
Open Chrome DevTools (F12), ga naar het Lighthouse-tabblad en voer een analyse uit. Lighthouse geeft gedetailleerde verbeteringsaanbevelingen per metric met geschatte tijdbesparingen — perfect voor ontwikkelaars.
Hoe verbeter je je Core Web Vitals?
LCP verbeteren
- Converteer afbeeldingen naar WebP-formaat (30–50% kleiner dan JPEG)
- Voeg
fetchpriority="high"toe aan het LCP-element - Gebruik een CDN (Content Delivery Network) voor snellere servering
- Schakel browser caching in en gebruik server-side caching
- Verwijder render-blocking scripts of laad ze asynchroon
INP verbeteren
- Verwijder ongebruikte JavaScript-plugins en -bibliotheken
- Gebruik code-splitting en lazy loading voor niet-kritische scripts
- Minimaliseer het gebruik van zware pagebuilder-plugins
- Schakel onnodige WooCommerce-extensies uit
CLS verbeteren
- Stel altijd
widthenheightattributen in op<img>-elementen - Reserveer ruimte voor advertenties en embeds met CSS
min-height - Gebruik
font-display: swapin je CSS voor web fonts - Vermijd het dynamisch injecteren van content boven bestaande content
Wil je dat je website hoge Core Web Vitals-scores behaalt? Ons webdesign team bouwt websites die van begin af aan geoptimaliseerd zijn voor snelheid en gebruikservaring.