Core Web Vitals zijn drie meetwaarden waarmee Google de paginaervaring meet. LCP meet laadsnelheid. CLS meet visuele stabiliteit. INP meet reactiesnelheid.
Elke meetwaarde meet een ander deel van de prestaties. Samen geven ze een beeld van de gebruikerservaring.
Largest Contentful Paint (LCP)
LCP meet de tijd tot de hoofdinhoud geladen is. De hoofdinhoud is het grootste beeld of tekstblok op de pagina. Op een homepage is de LCP de heroafbeelding. Bij een artikel is de LCP de kop en de hoofdafbeelding.
LCP loopt vanaf het moment dat de gebruiker op een link klikt tot de hoofdinhoud op het scherm verschijnt. Is de LCP één seconde, dan ziet de gebruiker de hoofdinhoud één seconde na de klik. Is de LCP drie seconden, dan wacht de gebruiker drie seconden.
Doel: een LCP onder 2,5 seconden is goed. Een LCP tussen 2,5 en 4 seconden moet beter. Een LCP boven 4 seconden is slecht.
Voorbeeld: de heroafbeelding op de homepage is vijf megabyte. Het downloaden duurt drie seconden. De LCP is drie seconden. Het doel is 2,5 seconden. De prestaties moeten beter.
Cumulative Layout Shift (CLS)
CLS meet visuele stabiliteit. Een layoutverschuiving gebeurt als inhoud beweegt nadat de pagina geladen is. Voorbeeld: een gebruiker begint een artikel te lezen. Er laadt een advertentie. Het artikel schuift omlaag. De gebruiker raakt de plek kwijt. Frustrerend.
CLS telt alle layoutverschuivingen bij elkaar op. Schuift inhoud tweehonderd pixels omlaag, dan gaat de CLS omhoog. Schuift inhoud meerdere keren, dan loopt de CLS op.
Doel: een CLS onder 0,1 is goed. Een CLS tussen 0,1 en 0,25 moet beter. Een CLS boven 0,25 is slecht.
Voorbeeld: een advertentie laadt nadat de pagina geladen is. De advertentie is driehonderd pixels hoog. De inhoud onder de advertentie schuift omlaag. De CLS is 0,15. Moet beter.
Interaction to Next Paint (INP)
INP meet reactiesnelheid. De gebruiker klikt op een knop. Het systeem verwerkt de klik. Werkt de pagina bij. Toont de wijziging op het scherm. INP is de tijd van klik tot zichtbare update.
INP is belangrijk voor interactieve pagina's (formulieren, knoppen, menu's). Minder belangrijk voor statische pagina's (artikelen, blogs).
Doel: een INP onder 200 milliseconden is goed. Een INP tussen 200 en 500 milliseconden moet beter. Een INP boven 500 milliseconden is slecht.
Voorbeeld: een gebruiker klikt op de knop Toevoegen aan winkelwagen. Het systeem verwerkt het verzoek. Werkt de winkelwagenteller bij. De INP is 300 milliseconden. Moet beter.
Waarom drie meetwaarden in plaats van één
Eén meetwaarde kan de gebruikerservaring niet vangen. Laadsnelheid telt (LCP). Visuele stabiliteit telt (CLS). Reactiesnelheid telt (INP). Een pagina kan snel laden maar instabiel zijn (hoge CLS). Of snel en stabiel zijn maar traag reageren (hoge INP). Drie meetwaarden samen meten de kwaliteit van de gebruikerservaring.
Een voorbeeld uit de praktijk: Core Web Vitals van een webshop
Beginsituatie
De productpagina van een webshop aan het begin:
LCP: 2,8 seconden (boven het doel van 2,5). CLS: 0,12 (boven het doel van 0,1). INP: 220 milliseconden (boven het doel van 200).
Alle drie de meetwaarden moeten beter.
Optimalisatie
LCP: de heroafbeelding optimaliseren, inhoud onder de vouw lazy loaden. Resultaat: 1,8 seconden.
CLS: ruimte reserveren voor advertenties, niet-kritieke inhoud lazy loaden. Resultaat: 0,05.
INP: minder JavaScript, event handlers optimaliseren. Resultaat: 180 milliseconden.
Alle drie de meetwaarden voldoen nu aan de normen van Google.
Hoe Core Web Vitals samenhangen met gebruikerservaring
Goede LCP: de gebruiker ziet snel inhoud. Het voelt vlot.
Slechte LCP: de gebruiker wacht op inhoud. Het voelt traag.
Goede CLS: de layout is stabiel. De gebruiker kan lezen zonder dat inhoud springt. Prettig.
Slechte CLS: de layout verschuift. De gebruiker raakt de plek kwijt. Frustrerend.
Goede INP: de gebruiker klikt op een knop en ziet direct een reactie. Het voelt interactief.
Slechte INP: de gebruiker klikt op een knop en wacht op een reactie. Het voelt traag.
Goede Core Web Vitals geven een goede gebruikerservaring. Slechte Core Web Vitals geven een slechte gebruikerservaring.
Core Web Vitals meten
Google meet Core Web Vitals bij echte gebruikers (real user monitoring). Labtesttools zoals Lighthouse schatten Core Web Vitals, maar komen mogelijk niet overeen met wat echte gebruikers meemaken (netwerkomstandigheden verschillen).
Bekijk Core Web Vitals in Google Search Console. Google verzamelt data van echte gebruikers en laat zien of je site aan de normen voldoet (goed, moet beter, slecht).
Kijk ook in PageSpeed Insights. Daar zie je Lighthouse-scores plus data van echte gebruikers uit de database van Google.
Veelgestelde vragen
Welke Core Web Vital is het belangrijkst?
Alle drie tellen. Maar LCP en CLS hebben meestal de meeste invloed. Laadt een pagina snel maar verschuift de layout constant, dan is de ervaring slecht. Is een pagina stabiel maar reageert ze traag, dan is de frustratie minder groot. LCP en CLS zijn meestal prioriteit één en twee. INP is belangrijk voor interactieve pagina's, maar minder kritiek voor statische inhoud. Met de websitebouwer van WEMASY kun je dit direct op je website instellen.
Hoe verschillen Core Web Vitals van andere prestatiemetingen?
Core Web Vitals richten zich op de gebruikerservaring. Ze meten wat gebruikers merken. Andere meetwaarden (TTFB, FCP) zijn technisch. Ze zijn nodig voor goede Core Web Vitals, maar meten de gebruikerservaring niet direct. Verbeter de andere meetwaarden als basis. Core Web Vitals laten zien of die basis ook een goede ervaring oplevert.
Kunnen onze prestatiemetingen goed zijn maar de Core Web Vitals slecht?
Ja. Een pagina kan een snelle TTFB hebben maar een slechte LCP. Een pagina kan een snelle FCP hebben maar een slechte CLS. Technische meetwaarden zijn nodig, maar niet genoeg voor goede Core Web Vitals.
Moeten we alle drie de Core Web Vitals even hard optimaliseren?
Nee. Kies op impact. Meet de huidige stand. Is de LCP vier seconden maar de CLS 0,1, verbeter dan eerst de LCP. De grootste kloof heeft de grootste invloed op gebruikers.
Zijn Core Web Vitals de enige meetwaarden waar Google naar kijkt?
Nee. Google meet ook mobielvriendelijkheid, HTTPS, veilig browsen en interstitials. Core Web Vitals zijn het zichtbaarst en het best aan te passen. Maar de volledige paginaervaring bevat meer factoren. Optimaliseer Core Web Vitals, maar negeer andere rankingfactoren niet.
Hoe vaak worden Core Web Vitals van echte gebruikers bijgewerkt in Google Search Console?
Dagelijks. Google verzamelt continu data van echte gebruikers. De Core Web Vitals in Search Console worden dagelijks bijgewerkt. Labtesttools tonen een meting op één moment. Volg de data van echte gebruikers in Search Console voor de prestaties op lange termijn.