Sla navigatie over
Home·Uitleg·Core Web Vitals
Uitleg · Webdesign

Core Web Vitals: wat
is het?

Core Web Vitals zijn drie meetbare snelheids-metrics van Google: Largest Contentful Paint (LCP, <2.5s), Cumulative Layout Shift (CLS, <0.1), Interaction to Next Paint (INP, <200ms). Deze cijfers zijn ranking-factor in Google.

SNEL ANTWOORD
Core Web Vitals: Google's snelheids-metrics. Core Web Vitals zijn drie meetbare snelheids-metrics van Google: Largest Contentful Paint (LCP, <2.5s), Cumulative Layout Shift (CLS, <0.1), Interaction to Next Paint (INP, <200ms). Deze cijfers zijn ranking-factor in Google.

In het kort

Core Web Vitals zijn drie meetwaarden die Google sinds 2021 gebruikt om de gebruikerservaring van een webpagina te kwantificeren. De drie metrics zijn Largest Contentful Paint (LCP), Interaction to Next Paint (INP, sinds 2024 vervanger van FID), en Cumulative Layout Shift (CLS). Samen meten ze laadprestatie, responstijd en visuele stabiliteit. Google gebruikt Core Web Vitals als ranking-signaal: sites die op alle drie de metrics goed scoren, krijgen voorrang op identieke sites die slecht scoren. LCP meet hoe snel het grootste zichtbare element op de pagina laadt, met als doel onder 2,5 seconden. INP meet hoe snel de pagina reageert op gebruikersinteractie (klikken, typen, scrollen), met als doel onder 200 milliseconden. CLS meet hoe stabiel de visuele layout is tijdens het laden, met als doel onder 0,1. Bij Creative Hero meten we Core Web Vitals op elk project en streven naar 'Goed' op alle drie de metrics. Dat is het verschil tussen verschijnen op pagina 1 en verdwijnen op pagina 3 voor competitieve zoektermen. Sites die slecht scoren verliezen meetbaar omzet, niet alleen ranking.

Hoe het werkt

LCP wordt beïnvloed door server-response time, asset-grootte en render-blocking resources. We optimaliseren met snelle hosting, WebP-afbeeldingen, kritische CSS inline en preload-hints. INP wordt beïnvloed door zware JavaScript, third-party scripts en main-thread blocking. We optimaliseren door scripts async te laden, third-parties uit te stellen en heavy work naar Web Workers te verplaatsen. CLS wordt beïnvloed door dynamische content (advertenties, embeds) en afbeeldingen zonder dimensies. We voorkomen door alle media expliciete width/height attributen te geven, en placeholders voor dynamische content te reserveren. Een goed geoptimaliseerde site haalt LCP onder 1.5s, INP onder 100ms en CLS onder 0,05.

Voorbeelden uit de praktijk

creativehero.be Core Web Vitals

Onze site haalt LCP 1.2s, INP 80ms en CLS 0.02 op mobiel. Dat is in de top-5 procent van het web volgens CrUX-data en wordt beloond met sterke posities in Google Search.

WordPress site die zakte na update

Een klant zag posities verlagen na een WordPress-update die zware plug-ins introduceerde. LCP ging van 2.1s naar 4.8s. We verwijderden 12 plug-ins, herbouwden caching en haalden LCP terug naar 1.9s. Posities herstelden binnen 6 weken.

Shopify webshop CLS-fix

Een webshop had hoge CLS door dynamische pop-ups en advertenties. We reserveerden ruimte met placeholders en stelden pop-ups uit tot na de eerste paint. CLS ging van 0.18 naar 0.04 en sales stegen 7 procent.

Do's & don'ts

Wel doen

  • ✓Meet Core Web Vitals via Google Search Console én PageSpeed Insights.
  • ✓Geef alle afbeeldingen expliciete width en height attributen om CLS te voorkomen.
  • ✓Gebruik fetchpriority="high" op je LCP-element.
  • ✓Defer of async alle non-essentiële JavaScript voor betere INP.
  • ✓Cache aggressief op CDN-niveau om server-response te verkorten.
  • ✓Test op echte mobiele apparaten en 4G, niet alleen desktop wifi.

Niet doen

  • ✗Negeer CLS niet, het verpest gebruikerservaring én SEO.
  • ✗Plaats geen 5+ third-party scripts blokkerend in je HTML.
  • ✗Vergeet nooit kritische CSS inline te maken voor instant first paint.
  • ✗Bouw geen oneindige scroll zonder Intersection Observer-paginatie.
  • ✗Stop nooit alle JavaScript in één blokkerend script-bestand.
  • ✗Vermijd lazy loading op je LCP-element, het vertraagt het juist.

Veelgestelde vragen

Wat zijn de drempelwaarden voor Core Web Vitals?
LCP onder 2,5 seconden is 'Goed'. INP onder 200 milliseconden is 'Goed'. CLS onder 0,1 is 'Goed'. Bovenstaande drempels worden door Google gebruikt om sites in 'Goed', 'Aandacht nodig' en 'Slecht' te categoriseren.
Waar meet ik mijn Core Web Vitals?
In Google Search Console (real-user data via CrUX), in PageSpeed Insights (synthetisch + real), en in Lighthouse via Chrome DevTools. CrUX-data uit Search Console is het belangrijkst voor SEO.
Hoe vaak update Google Core Web Vitals?
De data in Google Search Console wordt continu bijgewerkt op basis van real-user metrics over de laatste 28 dagen. Verbeteringen verschijnen meestal binnen 4 tot 6 weken nadat ze zijn doorgevoerd.
Wat is Interaction to Next Paint?
INP meet hoe snel je pagina reageert op gebruikersinteractie zoals klikken, tikken en typen. Het vervangt First Input Delay (FID) sinds maart 2024 en is een strikter signaal voor responsiviteit.
Verbetert betere Core Web Vitals mijn ranking?
Ja. Core Web Vitals zijn een van de Page Experience-signalen die Google gebruikt voor ranking. Voor competitieve zoektermen kan het verschil tussen 'Goed' en 'Slecht' meerdere posities betekenen.
Werken Core Web Vitals ook voor mobile-first index?
Ja, Google gebruikt vooral mobiele Core Web Vitals voor de mobile-first index. Sites moeten op mobiel net zo goed presteren als op desktop, anders verliezen ze ranking.

Gerelateerde uitleg

Hulp nodig met core web vitals?

Plan een kennismaking. We bekijken samen of we kunnen helpen.

Plan een call
Start een project