Core Web Vitals uitgelegd: wat ze zijn en hoe u ze verbetert

Core Web Vitals zijn drie meetbare indicatoren die Google gebruikt om de gebruikerservaring van uw website te beoordelen. Ze meten hoe snel de belangrijkste content laadt, hoe stabiel de pagina is tijdens het laden en hoe snel de pagina reageert op interactie. Wie onder de streefwaarden scoort, heeft een rankingnadeel ten opzichte van concurrenten die die drempel wel halen.

Google introduceerde Core Web Vitals in 2021 als officieel rankingsignaal omdat de gebruikerservaring van een website direct van invloed is op hoe waardevol die website is voor een bezoeker. Een website die traag laadt, elementen verschuift tijdens het laden of niet reageert op klikken, levert een slechte ervaring op, ook als de content uitstekend is.

Door gebruikerservaring te meten en mee te wegen in de ranking, geeft Google websites een concrete prikkel om te investeren in technische kwaliteit naast inhoudelijke kwaliteit. Voor lokale bedrijven betekent dat: wie een technisch slecht presterende website heeft, loopt rankings mis aan concurrenten met een vergelijkbare inhoud maar een betere technische basis.

Core Web Vitals zijn onderdeel van de bredere technische SEO-aanpak. Hoe ze samenhangen met de andere technische factoren leest u in het artikel over wat technische SEO is.

Core Web Vitals bestaan uit drie metrics die elk een ander aspect van de laad- en interactiervaring meten. Google hanteert drie prestatiebanden per metric: Goed, Verbetering nodig en Slecht. De streefwaarden hieronder zijn de grenzen voor de band Goed.

LCP: Largest Contentful Paint

LCP meet de tijd die nodig is om het grootste zichtbare element op de pagina te laden. Dat element is doorgaans een grote afbeelding, een hero-sectie of een groot tekstblok. LCP geeft een indicatie van wanneer de pagina bruikbaar is voor de bezoeker: hoe lager de LCP, hoe sneller de bezoeker de belangrijkste content ziet.

Een LCP onder 2,5 seconden is goed. Tussen 2,5 en 4 seconden is verbetering nodig. Boven 4 seconden is slecht. LCP is voor de meeste MKB-websites de metric met de meeste ruimte voor verbetering, omdat grote afbeeldingen en zware bovenste secties van de pagina de meest voorkomende oorzaken zijn van een hoge LCP-waarde.

CLS: Cumulative Layout Shift

CLS meet hoeveel elementen op de pagina verschuiven tijdens het laden. Een hoge CLS-score betekent dat tekst, knoppen of afbeeldingen van positie veranderen terwijl de pagina laadt, wat frustrerend is voor bezoekers die net op een knop willen klikken die dan plotseling van plek verandert.

Een CLS onder 0,1 is goed. De meest voorkomende oorzaken zijn afbeeldingen zonder vooraf gespecificeerde afmetingen, advertenties die dynamisch worden geladen en lettertypen die laat worden geladen en daarmee tekstblokken laten verschuiven.

INP: Interaction to Next Paint

INP meet hoe snel de pagina reageert op gebruikersinteracties zoals klikken, tikken en toetsaanslagen. INP verving FID (First Input Delay) als officiële Core Web Vital in maart 2024 en meet de reactiesnelheid over het hele paginabezoek in plaats van alleen de eerste interactie.

Een INP onder 200 milliseconden is goed. Een slechte INP-score is doorgaans het gevolg van zware JavaScript-taken die de hoofdthread blokkeren en daarmee de reactiviteit van de pagina vertragen.

Core Web Vitals meten kan via twee typen data: labdata en velddata. Labdata is een gesimuleerde meting in een gecontroleerde testomgeving. Velddata is gebaseerd op werkelijke gebruikerservaringen van echte bezoekers op uw website. Google geeft de voorkeur aan velddata maar gebruikt labdata als er onvoldoende velddata beschikbaar is.

• Google PageSpeed Insights biedt beide typen data in één overzicht. Voer uw URL in op pagespeed.web.dev en u ziet de velddata uit de Chrome User Experience Report aangevuld met labdata en concrete verbeteraanbevelingen, gerangschikt op impact.
• Google Search Console toont de Core Web Vitals voor alle pagina's op uw website op basis van velddata, onderverdeeld in Goed, Verbetering nodig en Slecht. Dat rapport geeft een overzicht van welke pagina's aandacht verdienen.
• Lighthouse is een open-source tool die is ingebouwd in Chrome DevTools. Via rechtermuisknop, Inspecteren, tabblad Lighthouse kunt u een gedetailleerde analyse uitvoeren van elke pagina op uw website.

Meet altijd op mobiel als primaire meting. Google indexeert websites op basis van de mobiele versie en meet Core Web Vitals ook primair op mobiele apparaten. Een goede desktopscore met een slechte mobiele score is een probleem dat prioriteit verdient.

De meest voorkomende oorzaken van een slechte Core Web Vitals-score zijn per metric verschillend maar overlappen op een aantal punten, met name rond afbeeldingen en JavaScript.

Oorzaken van een slechte LCP

• Grote afbeeldingen die niet zijn gecomprimeerd of geoptimaliseerd. Een afbeelding van twee megabyte in de hero-sectie is de meest voorkomende oorzaak van een hoge LCP-waarde. Comprimeer afbeeldingen naar WebP-formaat en gebruik het juiste formaat voor het display-formaat.
• Geen gebruik van lazy loading voor afbeeldingen buiten het zichtbare schermgebied, gecombineerd met te veel afbeeldingen die tegelijk worden geladen bij het openen van de pagina.
• Trage serverresponstijd door een langzame hostingomgeving of een niet-gecachte WordPress-website. Gebruik een caching-plugin als WP Rocket of W3 Total Cache om de serverresponstijd te verlagen.
• Render-blocking resources: CSS- en JavaScript-bestanden die de browser dwingt te laden voordat de pagina zichtbaar wordt. Laad niet-kritische scripts asynchroon of uitgesteld.

Oorzaken van een slechte CLS

• Afbeeldingen zonder vooraf gespecificeerde breedte en hoogte in de HTML. Als de browser de afmetingen niet kent, weet hij niet hoeveel ruimte te reserveren en verschuift de lay-out als de afbeelding laadt. Voeg altijd width- en height-attributen toe aan img-tags.
• Dynamisch geladen content boven bestaande content, zoals advertenties, banners of pop-ups die na het laden van de pagina worden ingevoegd en daarmee tekst of knoppen omlaag duwen.
• Webfonts die laat worden geladen, waardoor tekst eerst in een fallback-lettertype wordt weergegeven en verschuift als het webfont wordt geladen. Gebruik font-display: swap en preload voor kritische lettertypen.

Oorzaken van een slechte INP

• Zware JavaScript-taken die de hoofdthread van de browser blokkeren. Elke JavaScript-taak die langer dan vijftig milliseconden duurt, kan de reactiesnelheid van de pagina vertragen. Minimaliseer en defer niet-kritische JavaScript.
• Te veel externe scripts van derden, zoals chatwidgets, marketingtools of analysescripts die grote hoeveelheden JavaScript laden en de hoofdthread bezighouden.
• Niet-geoptimaliseerde event handlers die bij elke interactie zware berekeningen uitvoeren.

Voor WordPress-websites zijn er een aantal concrete stappen die de Core Web Vitals-score significant kunnen verbeteren zonder dat u technische kennis van codering nodig heeft.

• Installeer een caching-plugin zoals WP Rocket of LiteSpeed Cache. Caching zorgt dat de server vooraf gegenereerde HTML-bestanden serveert in plaats van elke pagina opnieuw op te bouwen bij elk bezoek, wat de serverresponstijd drastisch verlaagt.
• Comprimeer alle afbeeldingen naar WebP-formaat via een plugin als Imagify of ShortPixel. WebP-afbeeldingen zijn gemiddeld dertig tot vijftig procent kleiner dan JPEG bij vergelijkbare kwaliteit.
• Activeer lazy loading voor afbeeldingen. WordPress heeft lazy loading standaard ingebouwd via het loading="lazy"-attribuut, maar controleer of uw thema dat correct implementeert.
• Verwijder overbodige plugins. Elke actieve plugin voegt JavaScript en CSS toe aan uw website. Plugins die u niet actief gebruikt, deactiveer en verwijder u.
• Gebruik een snelle hosting-omgeving met servers in Nederland of Europa. Goedkope gedeelde hosting is een van de meest onderschatte oorzaken van een slechte LCP-score voor WordPress-websites.

Een gedetailleerde aanpak voor het verbeteren van de algehele paginasnelheid, inclusief de tools en stappen per oorzaak, leest u in het artikel over paginasnelheid verbeteren.

Core Web Vitals zijn een belangrijk onderdeel van technische SEO maar niet het enige. Een website die uitstekend scoort op Core Web Vitals maar niet correct is geïndexeerd of geen HTTPS heeft, presteert alsnog slecht in de zoekresultaten. De technische SEO-aanpak behandelt Core Web Vitals als één van meerdere factoren die samen de technische gezondheid van uw website bepalen.

Controleer uw Core Web Vitals-score minimaal twee keer per jaar via Google Search Console. Na grote updates aan uw website, zoals een nieuw thema, een nieuwe plugin of een verhuizing naar een nieuwe server, voert u de meting opnieuw uit om te controleren of de score niet is verslechterd.

De volledige technische SEO-aanpak voor uw website en hoe Core Web Vitals daarin samenhangen met crawlbaarheid, HTTPS en structured data leest u in de complete gids over technische SEO voor ondernemers.