Core Web Vitals zijn de door Google gedefinieerde maatstaven voor een goede gebruikerservaring op het web. Ze meten hoe snel, stabiel en interactief je website is — en ze zijn een officiële rankingfactor. In dit artikel leer je wat de drie Core Web Vitals zijn, hoe je ze meet en hoe je ze verbetert.
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie specifieke meetwaarden die Google gebruikt om de pagina-ervaring van gebruikers te beoordelen:
- LCP — Largest Contentful Paint (laadprestaties)
- INP — Interaction to Next Paint (interactiviteit)
- CLS — Cumulative Layout Shift (visuele stabiliteit)
Samen met andere signalen (zoals HTTPS en mobiele bruikbaarheid) vormen ze het Page Experience-signaal van Google.
De drie Core Web Vitals uitgelegd
1. LCP – Largest Contentful Paint
LCP meet hoe lang het duurt voordat het grootste zichtbare element op je pagina is geladen — meestal een afbeelding of een groot stuk tekst. Het geeft aan hoe snel de pagina er “vol” uitziet voor de gebruiker.
- Goed: onder 2,5 seconden
- Verbetering nodig: 2,5 – 4,0 seconden
- Slecht: meer dan 4,0 seconden
Hoe verbeter je LCP?
- Optimaliseer en comprimeer afbeeldingen (gebruik WebP-formaat)
- Gebruik lazy loading voor afbeeldingen buiten het scherm
- Preload het LCP-element (de hero-afbeelding of hoofdtitel)
- Gebruik een goede hostingserver met snelle responstijden
- Gebruik een caching plugin (WP Rocket, W3 Total Cache)
2. INP – Interaction to Next Paint
INP meet hoe snel de pagina reageert op gebruikersinteracties zoals klikken, tikken of toetsenbordinvoer. Het vervangt de vroegere FID (First Input Delay) en is nauwkeuriger.
- Goed: onder 200 milliseconden
- Verbetering nodig: 200 – 500 milliseconden
- Slecht: meer dan 500 milliseconden
Hoe verbeter je INP?
- Verwijder of optimaliseer zware JavaScript-bestanden
- Laad JavaScript asynchroon of uitgesteld (
asyncofdefer) - Minimaliseer de impact van third-party scripts (chatbots, advertenties)
- Gebruik een modern, lichtgewicht WordPress-thema
3. CLS – Cumulative Layout Shift
CLS meet hoe stabiel je pagina is terwijl hij laadt. Als elementen plots van positie veranderen terwijl je aan het lezen of klikken bent, is dat een hoge CLS. Dit leidt tot frustrerende gebruikerservaringen.
- Goed: onder 0,1
- Verbetering nodig: 0,1 – 0,25
- Slecht: meer dan 0,25
Hoe verbeter je CLS?
- Geef afbeeldingen altijd een vaste breedte en hoogte mee in de HTML
- Reserveer ruimte voor advertenties en embeds
- Laad lettertypes zonder FOUT (Flash of Unstyled Text) via
font-display: swap - Vermijd het dynamisch invoegen van inhoud boven bestaande content
Hoe meet je Core Web Vitals?
Er zijn verschillende tools om je Core Web Vitals te meten:
- Google Search Console: toont Core Web Vitals voor al je pagina’s op basis van echte gebruikersdata (CrUX)
- PageSpeed Insights: geeft een gedetailleerde analyse per pagina met zowel lab- als velddata
- Chrome DevTools: Lighthouse-rapport voor lokale analyse
- GTmetrix: uitgebreide laadsnelheidsanalyse met Core Web Vitals
Bekijk ook de PageSpeed Insights tool van Google voor een directe analyse van je pagina’s.
Core Web Vitals verbeteren in WordPress
Voor WordPress zijn dit de meest effectieve optimalisaties:
Caching instellen
Gebruik een caching plugin zoals WP Rocket of W3 Total Cache. Caching zorgt ervoor dat pagina’s sneller worden geladen doordat ze niet telkens opnieuw worden opgebouwd.
Afbeeldingen optimaliseren
Gebruik een plugin zoals Imagify of ShortPixel om afbeeldingen automatisch te comprimeren en te converteren naar WebP-formaat. Dit verbetert direct je LCP-score.
Lichtgewicht thema kiezen
Zware thema’s met veel scripts, animaties en pagebuilders vertragen je website. Kies een snel thema zoals Astra, GeneratePress of Kadence voor de beste prestaties.
JavaScript en CSS minimaliseren
Minimaliseer en combineer CSS- en JavaScript-bestanden om het aantal HTTP-verzoeken te verminderen. WP Rocket doet dit automatisch.
Samenvatting: Core Web Vitals checklist
- ✅ LCP onder 2,5 seconden
- ✅ INP onder 200 milliseconden
- ✅ CLS onder 0,1
- ✅ Afbeeldingen gecomprimeerd en in WebP-formaat
- ✅ Caching plugin actief
- ✅ JavaScript asynchroon geladen
- ✅ Afbeeldingen hebben vaste breedte en hoogte
- ✅ Core Web Vitals regelmatig gecontroleerd via Search Console
Core Web Vitals zijn een belangrijk onderdeel van je technische SEO strategie. Een snelle, stabiele website rankt beter én behoudt bezoekers langer. Lees ook ons artikel over website snelheid verbeteren voor meer praktische tips en over mobile-first indexing voor optimalisatie op smartphones.