Wat zijn Core Web Vitals?

Core Web Vitals zijn drie meetwaarden die Google gebruikt om de gebruikerservaring van een pagina te beoordelen. Sinds 2021 zijn ze een officiële Google-rankingfactor — een slechte score heeft directe impact op je positie in de zoekresultaten.

De drie meetwaarden: LCP (Largest Contentful Paint, hoe snel het grootste zichtbare element laadt), CLS (Cumulative Layout Shift, hoeveel elementen verschuiven tijdens het laden), en INP (Interaction to Next Paint, hoe snel de pagina reageert op interactie).

Drempelwaarden

Google hanteert drie categorieën: Goed, Verbetering nodig, Slecht. Voor LCP: < 2,5s is goed, > 4,0s is slecht. Voor CLS: < 0,1 is goed, > 0,25 is slecht. Voor INP: < 200ms is goed, > 500ms is slecht. Voor een goede Google-score heb je alle drie in de "Goed"-categorie nodig, gemeten op de P75.

Waarom LCP zo vaak slecht scoort

De meest voorkomende oorzaken: hero-afbeelding niet geoptimaliseerd (geen WebP/AVIF, geen breedte/hoogte), langzame server-response (TTFB), en render-blocking resources (CSS of JavaScript dat de browser dwingt te wachten).

Oplossingen: converteer afbeeldingen naar WebP/AVIF, gebruik <img fetchpriority="high">, kies een CDN met edge-caching voor NL/EU, inline kritieke CSS, en defer of async alle non-kritieke scripts.

CLS: de meest onderschatte meetwaarde

CLS is de meest irritante bug voor gebruikers én de meest over het hoofd geziene door developers. Veelvoorkomende oorzaken: afbeeldingen zonder breedte/hoogte, web fonts die laat laden, advertenties of embeds die laat laden.

Oplossingen: altijd width en height op <img> tags, font-display: optional of swap met font preloading, expliciete min-height op advertentie-slots.

INP: de nieuwe FID

INP verving FID in 2024. Het meet hoe snel de pagina reageert op gebruikersinteracties. Voornaamste oorzaak van slechte INP: te veel JavaScript dat de main thread blokkeert. Astro-sites scoren structureel laag op INP omdat Astro standaard nul JavaScript naar de browser stuurt.

Hoe meet je je Core Web Vitals?

PageSpeed Insights (geeft field data én lab data, gebruik de mobiele meting), Google Search Console (toont Core Web Vitals per pagina-groep op basis van echte gebruikersdata), en Chrome DevTools > Lighthouse (lab data, snel en lokaal). Let op: lab data verschilt van field data — Google gebruikt field data voor ranking.

Core Web Vitals en Astro

Astro scoort structureel goed op Core Web Vitals: nul JavaScript by default → lage INP, statische HTML → lage TTFB, geen render-blocking scripts by default, afbeeldingen via <Image /> automatisch geoptimaliseerd. Onze FWRD-site scoort Lighthouse 100 zonder aanvullende optimalisaties.

Wat als je score slecht is?

Stap 1: meet je huidige scores via PageSpeed Insights mobiel. Stap 2: identificeer de specifieke bottleneck. Stap 3: prioriteer op impact — vaak lost één fix al 80% van de problemen op. Stap 4: meet opnieuw. Field data duurt 28 dagen om bij te werken; lab data zie je direct.