Core web vitals
Core Web Vitals zijn drie meetwaarden waarmee Google beoordeelt hoe snel, stabiel en gebruiksvriendelijk een webpagina aanvoelt voor gebruikers. Ze kijken dus niet alleen naar de technische laadtijd, maar vooral naar de praktische gebruikerservaring.
De drie huidige Core Web Vitals zijn:
| Metric | Wat wordt gemeten? | Goede score |
|---|---|---|
| LCP | Hoe snel de belangrijkste inhoud zichtbaar wordt | ≤ 2,5 seconden |
| INP | Hoe snel de pagina reageert op interacties | ≤ 200 milliseconden |
| CLS | Hoe stabiel de lay-out blijft tijdens het laden | ≤ 0,1 |
Een pagina slaagt pas volledig wanneer minstens 75% van de gemeten bezoeken voor alle drie de waarden binnen de goede categorie valt. Google gebruikt hiervoor gegevens van echte Chrome-gebruikers.
Streef naar een snelle en gebruiksvriendelijke website, maar verlies geen tijd of budget aan een obsessieve score van 100/100.
Core Web Vitals meten hoe snel, responsief en visueel stabiel een website aanvoelt voor echte bezoekers. Google beoordeelt hiervoor drie waarden: LCP voor laadsnelheid, INP voor interactiviteit en CLS voor visuele stabiliteit. Goede scores ondersteunen de gebruikerservaring, conversies en SEO, maar zijn geen garantie op hogere rankings.
Als website-eigenaar controleer je vooral de praktijkgegevens in Google Search Console, spoor je problemen op met PageSpeed Insights en geef je prioriteit aan mobiele pagina’s, belangrijke templates en URL’s die verkeer of aanvragen opleveren.
1. LCP: hoe snel verschijnt de belangrijkste inhoud?
LCP staat voor Largest Contentful Paint. Het meet hoelang het duurt voordat het grootste zichtbare inhoudselement bovenaan de pagina geladen zijn. Dat kan bijvoorbeeld zijn:
- een grote bannerafbeelding;
- de hoofdfoto van een product;
- een grote titel;
- een tekstblok;
- een achtergrondafbeelding.
De scores zijn:
- Goed: maximaal 2,5 seconden
- Kan beter: tussen 2,5 en 4 seconden
- Slecht: meer dan 4 seconden
Een website kan technisch al iets op het scherm tonen, maar toch een slechte LCP hebben wanneer de bezoeker lang moet wachten op de grote banner of hoofdinhoud.
Veelvoorkomende oorzaken zijn te zware afbeeldingen, trage hosting, te veel render-blocking CSS en JavaScript, externe lettertypes en een banner die pas laat door JavaScript wordt ingeladen.
2. INP: hoe snel reageert de website?
INP staat voor Interaction to Next Paint. Deze waarde meet hoe snel een pagina visueel reageert wanneer iemand ermee interageert. Denk aan:
- klikken op een knop;
- openen van een menu;
- selecteren van een filter;
- invullen van een formulier;
- kiezen van een productoptie;
- openen van een accordeon of pop-up.
De scores zijn:
- Goed: maximaal 200 milliseconden
- Kan beter: tussen 200 en 500 milliseconden
- Slecht: meer dan 500 milliseconden
Een slechte INP ontstaat meestal wanneer de browser druk bezig is met zware JavaScript-taken. De bezoeker klikt bijvoorbeeld op het menu, maar er gebeurt gedurende een halve seconde niets. Dat voelt alsof de website hapert of de klik niet geregistreerd werd. INP heeft in 2024 de vroegere Core Web Vital FID vervangen. Daarom kom je in oudere rapporten en artikelen soms nog FID tegen.
3. CLS: verspringt de inhoud tijdens het laden?
CLS staat voor Cumulative Layout Shift. Het meet hoeveel elementen onverwacht van plaats veranderen terwijl iemand de pagina bekijkt.
Een typisch voorbeeld is; je wilt op een knop klikken, maar net op dat moment verschijnt bovenaan een afbeelding of advertentie. De knop schuift naar beneden en je klikt per ongeluk ergens anders op.
De scores zijn:
- Goed: maximaal 0,1
- Kan beter: tussen 0,1 en 0,25
- Slecht: meer dan 0,25
CLS is geen tijd in seconden, maar een berekende score. Problemen ontstaan vaak door:
- afbeeldingen zonder opgegeven breedte en hoogte;
- banners die later worden toegevoegd;
- cookiemeldingen die de inhoud verschuiven;
- advertenties zonder vooraf gereserveerde ruimte;
- lettertypes die na het laden de tekstindeling veranderen;
- dynamische inhoud die boven bestaande inhoud verschijnt.
Voordelen van goede Core Web Vitals
Een optimalisatie kan zorgen voor:
- een snellere en aangenamere website;
- minder frustratie en onverwachte verschuivingen;
- een betere mobiele gebruikerservaring;
- mogelijk minder afhakers;
- meer ingevulde formulieren of verkopen;
- een professionelere uitstraling;
- ondersteuning van de organische vindbaarheid;
- minder afhankelijkheid van zware scripts en plug-ins;
- een technisch gezondere website.
Een perfecte score is niet altijd rendabel
Het verschil tussen een score van 95 en 100 levert doorgaans nauwelijks merkbaar voordeel op. Het kan wel veel ontwikkeltijd kosten. Het doel moet een snelle, stabiele en bruikbare website zijn, niet noodzakelijk een groen cijferfetisjisme.
Waarom zijn Core Web Vitals zo belangrijk?
1. Ze beïnvloeden de gebruikerservaring
Een snelle en stabiele website voelt professioneler aan. Bezoekers vinden sneller wat ze zoeken en ondervinden minder frustratie.
Vooral op mobiele toestellen is dit belangrijk. Niet iedereen bezoekt een website via een recente smartphone en een snelle wifi-verbinding.
Core Web Vitals helpen ook om rekening te houden met tragere toestellen en verbindingen.
2. Ze kunnen conversies beïnvloeden
Een trage webshop, een haperend formulier of een verspringende CTA kan rechtstreeks omzet en aanvragen kosten. Bezoekers kunnen:
- sneller afhaken;
- minder pagina’s bekijken;
- het contactformulier niet invullen;
- een aankoop afbreken;
- minder vertrouwen krijgen in het bedrijf.
De commerciële impact kan daarom belangrijker zijn dan de directe SEO-impact.
3. Google gebruikt ze in zijn rankingsystemen
Google bevestigt dat Core Web Vitals worden gebruikt door zijn rankingsystemen. Het is echter geen allesbepalende rankingfactor. Een pagina met uitstekende content en matige Core Web Vitals kan nog altijd hoger scoren dan een razendsnelle pagina met oppervlakkige content.
Je kunt Core Web Vitals het best zien als een ondersteunende SEO-factor. Wanneer twee pagina’s inhoudelijk ongeveer even relevant en betrouwbaar zijn, kan een betere gebruikservaring in het voordeel van de ene pagina spelen. Een score van 100/100 is dus geen garantie op hoge rankings. Google benadrukt zelf dat goede scores in Search Console of andere tools niet automatisch betekenen dat een pagina bovenaan zal verschijnen.
4. Ze zijn ook relevant voor Google AI
Goede technische prestaties maken een website gemakkelijker toegankelijk voor gebruikers en ondersteunen de algemene technische kwaliteit. Maar Core Web Vitals vormen geen afzonderlijke garantie dat een bedrijf in AI Overviews, AI Mode of ChatGPT wordt genoemd.
Voor AI-zichtbaarheid blijven onder meer inhoudelijke kwaliteit, expertise, crawlbaarheid, indexering, autoriteit, bronvermeldingen en duidelijke entiteiten belangrijker. Core Web Vitals horen bij het technische fundament waarop AI optimalisatie verder bouwt.
Wat moet je doen en hoe ga je als website-eigenaar te werk om je Core Web Vitals te verbeteren?
1. Controleer Google Search Console
Ga in Search Console naar Functionaliteit → Site-vitaliteit.
Daar zie je afzonderlijke rapporten voor mobiel en desktop, met URL-groepen die:
- goed presteren;
- verbetering nodig hebben;
- slecht presteren.
Het rapport is gebaseerd op echte gebruikersgegevens. Bij websites met weinig bezoekers kan er onvoldoende data beschikbaar zijn. Dat betekent niet automatisch dat de website goed of slecht presteert.
2. Test belangrijke paginatypes
Test niet alleen de homepage. Controleer minstens:
- homepagina;
- belangrijkste dienstenpagina;
- blog en categoriepagina's;
- productpagina;
- contact- of offerteformulier;
- eventueel checkout en winkelmandje.
De meeste websites werken met templates. Wanneer één producttemplate een probleem heeft, kunnen honderden productpagina’s hetzelfde probleem vertonen.
3. Gebruik PageSpeed Insights voor de diagnose
PageSpeed Insights toont zowel beschikbare praktijkdata als technische testdata. De aanbevelingen kunnen helpen om oorzaken te vinden, zoals:
- afbeeldingen in WebP of AVIF aanbieden;
- afbeeldingen correct schalen;
- lazy loading gebruiken onder de vouw;
- kritieke afbeeldingen juist prioriteren;
- ongebruikte JavaScript en CSS beperken;
- caching instellen;
- serverreactietijd verbeteren;
- externe scripts beperken;
- afmetingen reserveren voor afbeeldingen en video’s;
- lettertypes lokaal en efficiënt laden.
4. Begin met problemen die veel pagina’s beïnvloeden
Werk bij voorkeur op templateniveau. Een optimalisatie aan de algemene header, banner, producttemplate of cookiebanner kan honderden URL’s tegelijk verbeteren.
De praktische prioriteit is meestal:
- Slechte URL-groepen oplossen.
- Mobiele problemen eerst onderzoeken.
- Pagina’s met veel organisch verkeer of conversies prioriteren.
- Daarna URL’s aanpakken die “verbetering nodig” hebben.
- Pas als laatste kleine optimalisaties uitvoeren om scores verder te perfectioneren.
5. Controleer na iedere wijziging de werking
Test na technische optimalisaties altijd:
- navigatie en mobiele menu’s;
- formulieren;
- cookiebanner;
- conversietracking;
- Google Analytics en Google Ads;
- sliders en afbeeldingen;
- configurators;
- winkelmandje en checkout.
6. Geef de praktijkdata tijd
Na een aanpassing verandert Search Console niet onmiddellijk. Het systeem werkt met gegevens die over meerdere dagen of weken worden verzameld. Je kunt in Search Console een validatie starten, maar je moet daarna wachten tot er voldoende nieuwe gebruiksgegevens beschikbaar zijn.
Core Web Vitals zijn belangrijk, maar ze mogen niet geïsoleerd worden bekeken.
Een inhoudelijk zwakke website wordt door een perfecte technische score niet plots succesvol. Maar sterke content op een trage, haperende website laat eveneens kansen liggen. Core Web Vitals vormen daarom een belangrijk onderdeel van technische SEO en gebruiksvriendelijkheid, maar nooit de volledige SEO-strategie.
