Core Web Vitals uitleg: wat zijn LCP, INP en CLS en hoe verbeter je ze?

Core Web Vitals zijn drie meetwaarden van Google die laten zien hoe snel, responsief en stabiel een pagina werkt voor echte bezoekers: LCP (laadsnelheid), INP (reactiesnelheid) en CLS (visuele stabiliteit). Een pagina scoort goed bij een LCP van maximaal 2,5 seconden, een INP van maximaal 200 milliseconden en een CLS van maximaal 0,1. Sinds maart 2024 is INP de opvolger van FID, de oude meetwaarde voor interactiviteit.

Een paar jaar geleden draaide SEO vooral om zoekwoorden en backlinks. Google kijkt inmiddels ook naar hoe prettig je pagina's werken. In deze uitleg over Core Web Vitals lees je wat elke meetwaarde betekent, waar je je scores vindt in Google Search Console en PageSpeed Insights, hoeveel ze meetellen voor SEO en hoe je ze stap voor stap verbetert. Ook als je geen technische achtergrond hebt.

Dit lees je in deze blog:

• Wat zijn Core Web Vitals?
• Wat is een goede score? De drempelwaarden op een rij
• INP verving FID in maart 2024
• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)
• Core Web Vitals bekijken in Google Search Console
• Core Web Vitals meten met PageSpeed Insights
• Zijn Core Web Vitals een rankingfactor?
• In 5 stappen aan de slag met je Core Web Vitals
• Veelvoorkomende misverstanden
• Veelgestelde vragen

Wat zijn Core Web Vitals?

Core Web Vitals zijn drie prestatiewaarden die Google gebruikt om te meten hoe gebruiksvriendelijk een pagina is. Ze zeggen niets over de inhoud van je site. Ze meten de ervaring die bezoekers hebben tijdens het laden en gebruiken van je pagina's.

De drie Core Web Vitals zijn:

1. Largest Contentful Paint (LCP): hoe snel het belangrijkste deel van de pagina zichtbaar is
2. Interaction to Next Paint (INP): hoe snel de pagina reageert op een klik, tik of toetsaanslag
3. Cumulative Layout Shift (CLS): hoeveel de inhoud onverwacht verschuift tijdens het laden

De meetgegevens komen van echte bezoekers die je site met Chrome bekijken. Google verzamelt die in het Chrome User Experience Report (CrUX). Dat is ook de bron achter het rapport in Search Console en het bovenste deel van PageSpeed Insights.

Wat is een goede score? De drempelwaarden op een rij

Google hanteert voor elke meetwaarde drie categorieën: goed, verbetering nodig en slecht. Dit zijn de grenzen zoals web.dev ze beschrijft:

Google kijkt daarbij naar het 75e percentiel van alle paginabezoeken, apart voor mobiel en desktop. Een pagina haalt de Core Web Vitals dus pas als minstens drie op de vier bezoeken binnen de goede waarde vallen. Een paar trage bezoeken zijn geen probleem, een trage ervaring voor een groot deel van je bezoekers wel.

INP verving FID in maart 2024

Tot maart 2024 was First Input Delay (FID) de derde Core Web Vital. FID mat alleen hoe lang het duurde voordat de browser begon te reageren op de eerste klik of tik op een pagina. Op 12 maart 2024 heeft Google FID vervangen door Interaction to Next Paint (INP), zo staat in de aankondiging op web.dev.

INP is strenger en vollediger. Het kijkt naar alle interacties tijdens een bezoek en meet de tijd tot er echt iets verandert op het scherm. Kom je in oudere artikelen of tools nog FID tegen met een grens van 100 milliseconden, dan weet je dat die informatie verouderd is.

Largest Contentful Paint (LCP)

De Largest Contentful Paint (LCP) meet hoe lang het duurt voordat het grootste zichtbare element op je pagina is geladen. Dat kan bijvoorbeeld een afbeelding, video, tekstblok of banner zijn. Een goede LCP is 2,5 seconden of minder. Duurt het langer, dan ervaart de bezoeker je website als traag.

Waarom LCP belangrijk is

Een trage pagina maakt een slechte eerste indruk. Bezoekers verliezen hun geduld en klikken weg voordat ze je aanbod hebben gezien.

Oorzaken van een slechte LCP:

• Grote afbeeldingen of video's die langzaam laden
• Een trage server of goedkope hosting
• Overbodige plug-ins die de website vertragen
• Te veel externe scripts en lettertypen die eerst moeten laden

Hoe je de LCP verbetert:

• Verklein afbeeldingen zonder zichtbaar kwaliteitsverlies (bijvoorbeeld met TinyPNG).
• Gebruik moderne bestandsformaten zoals WebP.
• Laat de grote afbeelding bovenaan de pagina direct laden en niet pas later via lazy loading.
• Kies een snelle hostingpartij. De server is de motor van je website.
• Gebruik caching zodat pagina's sneller laden (in WordPress bijvoorbeeld met WP Rocket).
• Laad alleen wat nodig is. Verwijder scripts en plug-ins die je niet gebruikt.

Meer praktische tips vind je in de blog over de laadtijd van je website verbeteren.

Interaction to Next Paint (INP)

Interaction to Next Paint (INP) meet hoe snel je pagina reageert als iemand klikt, tikt of typt. Het gaat om de tijd tussen de interactie en het moment waarop de browser het resultaat laat zien, zoals een menu dat openklapt of een knop die van kleur verandert. Een goede INP is 200 milliseconden of minder.

Waarom INP belangrijk is

Klikt iemand op je website en gebeurt er niets, dan voelt dat frustrerend. Zeker op een telefoon verwachten mensen een directe reactie. Bij een trage reactie denken bezoekers dat de website vastloopt of tikken ze nog een keer.

Oorzaken van een slechte INP:

• Te veel JavaScript op de pagina, waardoor de browser het druk heeft
• Zware plug-ins of thema's
• Scripts van derden zoals chatbots, pop-ups en trackingtools

Hoe je de INP verbetert:

• Beperk het aantal zware scripts. Kijk kritisch naar wat echt nodig is.
• Stel scripts die niet meteen nodig zijn uit tot de bezoeker gaat scrollen of klikken. In WordPress kan dat bijvoorbeeld met een cachingplug-in die JavaScript uitstelt.
• Laat je webbouwer lange stukken JavaScript opknippen zodat de browser tussendoor kan reageren. Op web.dev staat hoe dat werkt.
• Werk je CMS, thema en plug-ins regelmatig bij.

Cumulative Layout Shift (CLS)

De Cumulative Layout Shift (CLS) meet hoeveel de inhoud van een pagina onverwacht verschuift. Iedereen kent het wel: je wilt op een knop drukken maar plotseling schuift de tekst op en klik je per ongeluk op iets anders. Een goede CLS-score is 0,1 of lager.

Waarom CLS belangrijk is

Een onrustige pagina oogt onprofessioneel en maakt bezoekers onzeker. Wie per ongeluk op de verkeerde knop tikt haakt sneller af.

Oorzaken van een slechte CLS:

• Afbeeldingen en video's zonder vaste afmetingen
• Advertenties, banners of cookiemeldingen die later inladen en de inhoud wegduwen
• Lettertypen die later laden waardoor de tekst verspringt

Hoe je de CLS verbetert:

• Geef afbeeldingen en video's een vaste breedte en hoogte in de code. Zo weet de browser hoeveel ruimte nodig is.
• Reserveer ruimte voor advertenties en banners zodat niets onverwacht opschuift.
• Laad je lettertype vooraf in of kies een systeemlettertype dat al op het apparaat staat.

Core Web Vitals bekijken in Google Search Console

In Google Search Console zie je hoe je hele website scoort. Zo vind je het rapport:

1. Open je property in Search Console.
2. Klik in het menu links onder Ervaring op Core Web Vitals.
3. Je ziet twee grafieken: een voor mobiel en een voor desktop. Google deelt je URL's in drie groepen in: goed, verbetering nodig en slecht.
4. Klik bij mobiel op Rapport openen. Onderaan staat per probleem welke meetwaarde te hoog is (bijvoorbeeld LCP op mobiel) en welke groep vergelijkbare URL's het betreft.

Search Console beoordeelt geen losse pagina's maar groepen URL's die op elkaar lijken, zoals al je blogartikelen of al je productpagina's. Zo zie je snel of het probleem in een sjabloon zit. De cijfers komen uit CrUX en beslaan de afgelopen 28 dagen. Heeft je site weinig bezoekers, dan is er soms niet genoeg data en blijft het rapport leeg.

Heb je een probleem opgelost, klik dan bij dat probleem op Oplossing valideren. Google volgt de URL's daarna 28 dagen en laat zien of het probleem echt weg is. Meer uitleg staat in de Search Console Help over het Core Web Vitals-rapport.

Core Web Vitals meten met PageSpeed Insights

Wil je een losse pagina testen, gebruik dan Google PageSpeed Insights. Vul je URL in en kies bovenaan Mobiel of Desktop. Het rapport bestaat uit twee delen:

• Bovenaan: gegevens van echte gebruikers. Hier zie je of de pagina de Core Web Vitals-beoordeling haalt, met de waarden voor LCP, INP en CLS. Dit is dezelfde CrUX-data als in Search Console. Is er voor die ene pagina te weinig data, dan toont PageSpeed Insights soms de cijfers van je hele domein of helemaal niets.
• Daaronder: een labtest met Lighthouse. Die geeft een prestatiescore van 0 tot 100 en concrete verbeterpunten. Een labtest heeft geen echte bezoeker die klikt en meet daarom geen INP. In de plaats daarvan zie je Total Blocking Time (TBT), een goede aanwijzing voor problemen met de reactiesnelheid.

Let op: die prestatiescore van 0 tot 100 is iets anders dan je Core Web Vitals. Voor de zoekresultaten gaat het om de gegevens van echte gebruikers. De labscore is vooral handig om te vinden wat je pagina vertraagt.

Begin met de resultaten voor mobiel. Google gebruikt voor het indexeren vooral de mobiele versie van je website (mobile-first indexing) en op een telefoon zijn de scores meestal lager. Tips om je site op mobiel beter te maken lees je in mobielvriendelijke website: tips.

Zijn Core Web Vitals een rankingfactor?

Ja, maar niet de belangrijkste. Google schrijft in de documentatie over pagina-ervaring op Google Search Central dat de rankingsystemen Core Web Vitals gebruiken. Tegelijk staat daar dat Google altijd de meest relevante inhoud wil tonen, ook als de pagina-ervaring minder goed is. Een goede score is dus geen garantie voor een hoge positie. Zijn er veel pagina's met vergelijkbare goede inhoud, dan kan een goede pagina-ervaring wel bijdragen.

Naast de Core Web Vitals noemt Google nog andere onderdelen van een goede pagina-ervaring:

• Een website die goed werkt op mobiel
• Een beveiligde verbinding via HTTPS
• Geen opdringerige pop-ups die de inhoud afdekken
• Duidelijk onderscheid tussen de hoofdinhoud en advertenties

Core Web Vitals horen bij technische SEO. Sterke inhoud blijft de basis en een snelle stabiele pagina zorgt dat bezoekers die inhoud ook echt lezen.

In 5 stappen aan de slag met je Core Web Vitals

Je hoeft geen webdeveloper te zijn om je website te verbeteren. Met de juiste kennis en hulpmiddelen kun je zelf veel doen.

Stap 1: Controleer je huidige scores

Open het Core Web Vitals-rapport in Search Console en kijk welke groep URL's op mobiel als slecht of verbetering nodig staat. Test een voorbeeld-URL uit die groep in PageSpeed Insights. Kijk welke van de drie meetwaarden het slechtst scoort. Daar valt meestal het meeste te winnen.

Stap 2: Verbeter je laadsnelheid

• Verklein grote afbeeldingen voordat je ze uploadt. Een plug-in zoals Imagify kan afbeeldingen achteraf comprimeren, maar zelf vooraf verkleinen werkt beter omdat het originele grote bestand dan niet op je server blijft staan.
• Verwijder plug-ins en scripts die je niet gebruikt.
• Gebruik caching en eventueel een CDN.
• Stap over naar een snellere hostingpartij als je site op een trage server staat. Heb je veel verkeer, dan kan een eigen server of VPS de moeite waard zijn. Je deelt de server dan niet met andere websites.

Stap 3: Controleer de reactiesnelheid

Reageren knoppen of menu's traag, dan ligt dat vaak aan zware scripts. Laat een webbouwer of specialist controleren welke scripts vertragen en verwijder wat niet nodig is.

Stap 4: Maak je website visueel stabiel

Controleer of afbeeldingen vaste afmetingen hebben en of banners, cookiemeldingen of advertenties onverwachte verschuivingen veroorzaken.

Stap 5: Blijf meten en valideer je oplossing

Klik na een verbetering in Search Console op Oplossing valideren. Core Web Vitals zijn geen eenmalig project: nieuwe plug-ins, thema-updates of extra scripts kunnen de prestaties weer verslechteren. Plan daarom elke paar maanden een controle in.

Veelvoorkomende misverstanden over Core Web Vitals

"Ik heb een snelle internetverbinding, dus mijn website is ook snel." Niet per se. Google kijkt naar meetgegevens van echte bezoekers op hun eigen telefoons en verbindingen. Een site die op jouw laptop goed laadt kan op een oudere telefoon met mobiel internet traag zijn.

"Ik moet 100 scoren in PageSpeed Insights." Nee. De labscore helpt je om problemen te vinden, maar voor Google telt of je echte bezoekers binnen de grenzen voor LCP, INP en CLS blijven.

"Core Web Vitals zijn alleen belangrijk voor grote websites." Onjuist. Elke bezoeker heeft last van een trage of verspringende pagina, ook op een kleine website.

"Mijn webbouwer regelt dit wel." Misschien, maar je bent zelf verantwoordelijk voor je vindbaarheid. Begrijp wat de cijfers betekenen, zodat je de juiste vragen stelt en de juiste keuzes maakt.

Zelf aan de slag

Core Web Vitals laten zien hoe prettig je website werkt voor echte bezoekers. Zie ze niet als technische drempel maar als een concrete lijst met verbeterpunten. Begin bij de grootste groep slechte URL's op mobiel en werk van daaruit verder.

Wil je leren hoe je de rapporten in Search Console leest en elke maand verbeterpunten vindt? Bekijk de Google Search Console training (€129 excl. btw). Wil je de hele basis van SEO leren, inclusief technische SEO, dan past de SEO basistraining (€575 excl. btw) beter.

Veelgestelde vragen

Wat zijn de drie Core Web Vitals?

Largest Contentful Paint (LCP) voor laadsnelheid, Interaction to Next Paint (INP) voor reactiesnelheid en Cumulative Layout Shift (CLS) voor visuele stabiliteit.

Wat is een goede Core Web Vitals-score?

Een LCP van 2,5 seconden of minder, een INP van 200 milliseconden of minder en een CLS van 0,1 of minder. Minstens 75 procent van de bezoeken moet binnen die grenzen vallen.

Wat is het verschil tussen INP en FID?

FID mat alleen de vertraging bij de eerste interactie op een pagina. INP kijkt naar alle interacties tijdens een bezoek en meet de tijd tot het scherm verandert. Sinds 12 maart 2024 is INP de officiële Core Web Vital en is FID vervallen.

Waarom zie ik geen Core Web Vitals in Search Console?

Het rapport gebruikt gegevens van echte Chrome-gebruikers. Heeft je website of een groep pagina's te weinig bezoekers, dan is er niet genoeg data om een beoordeling te geven. Test je pagina's dan met de labtest in PageSpeed Insights.

Zijn Core Web Vitals belangrijk voor SEO?

Ze tellen mee in de rankingsystemen van Google, maar relevante en goede inhoud weegt zwaarder. Een goede score helpt vooral als je concurrenten vergelijkbare inhoud hebben.

Hoe lang duurt het voordat een verbetering zichtbaar is?

De gegevens van echte gebruikers beslaan de afgelopen 28 dagen. Na een verbetering duurt het daarom enkele weken voordat Search Console en het bovenste deel van PageSpeed Insights de nieuwe situatie laten zien. De labtest in PageSpeed Insights laat het verschil direct zien.