Core Web Vitals zijn drie meetwaarden van Google die uitdrukken hoe een bezoeker je website ervaart. Hoe snel verschijnt de inhoud, hoe vlot reageert de pagina op een klik en springt de inhoud niet alle kanten op? Dat zijn geen technische details. Een trage of schokkerige pagina kost bezoekers, zeker op een smartphone met een zwakke verbinding. In dit artikel lees je wat de drie waarden meten en hoe je ze verbetert.
Wat zijn Core Web Vitals
De drie waarden heten Largest Contentful Paint (LCP), Interaction to Next Paint (INP) en Cumulative Layout Shift (CLS). Volgens web.dev, de site van het Chrome-team, ligt de grens voor een goede score telkens op een vaste waarde. LCP blijft best onder 2,5 seconden, INP onder 200 milliseconden en CLS onder 0,1.
Samen dekken de Core Web Vitals drie kanten van de gebruikerservaring: laden, reageren en visuele stabiliteit. Een pagina kan snel laden en toch slecht scoren, bijvoorbeeld omdat een knop traag reageert. Daarom kijk je best naar alle drie samen.
Google kijkt daarbij niet naar één meting, maar naar het 75ste percentiel van de paginabezoeken, apart voor mobiel en desktop. Drie op de vier bezoeken moeten dus binnen de grens blijven. Een snelle test op je eigen computer met glasvezel zegt daarom weinig over wat een bezoeker in de trein ervaart.
LCP: hoe snel de hoofdinhoud verschijnt
LCP meet wanneer het grootste zichtbare element op het scherm staat. Meestal is dat een grote foto bovenaan of de belangrijkste titel. Een trage LCP heeft vaak een eenvoudige oorzaak: een foto van enkele megabytes, een trage server of veel scripts die eerst moeten laden.
Verklein daarom je afbeeldingen tot de maat die het scherm echt toont, en gebruik moderne formaten zoals WebP of AVIF. Laat de belangrijkste afbeelding meteen laden, en de rest pas wanneer de bezoeker ernaartoe scrolt. Een goede hosting en caching helpen bovendien om de eerste bytes sneller af te leveren.
Let ook op wat de browser eerst moet ophalen voor hij iets kan tonen. Grote stijlbestanden, externe lettertypes en scripts bovenaan de pagina houden de weergave op. Hoe minder er in die eerste ronde zit, hoe sneller de bezoeker iets ziet.
INP: hoe vlot de pagina reageert
INP vervangt sinds 2024 de oudere meetwaarde FID. Het meet hoe snel de pagina zichtbaar reageert wanneer iemand klikt, tikt of typt. Denk aan een menu dat opengaat of een filter in een webshop. Duurt dat te lang, dan denkt de bezoeker dat er niets gebeurt en klikt hij opnieuw.
Een slechte INP komt meestal door te veel JavaScript. Elke chatwidget, elk trackingscript en elke slider vraagt rekentijd van de browser. Kijk dus kritisch welke scripts echt nodig zijn. Vaak kan je er enkele weglaten of pas later laden, zonder dat de bezoeker iets mist.
CLS: een pagina die stil blijft staan
CLS meet hoeveel de inhoud verspringt tijdens het laden. Iedereen kent het: je wil op een knop tikken, maar net op dat moment schuift de tekst naar beneden door een afbeelding of een banner. Zo klik je op iets anders dan je wou.
De oplossing is meestal eenvoudig. Geef afbeeldingen en video’s vaste afmetingen, zodat de browser vooraf ruimte voorziet. Laat geen banners of cookiemeldingen boven bestaande inhoud inschuiven. Laad lettertypes zo dat de tekst niet plots van breedte verandert. Test ook op een trage verbinding, want dan merk je het verspringen het best.
Core Web Vitals meten en verbeteren
Je kan Core Web Vitals gratis meten. Met PageSpeed Insights test je een pagina en zie je zowel gegevens van echte bezoekers als een labometing. Heb je Google Search Console, dan toont het rapport over Core Web Vitals welke groepen pagina’s goed scoren en welke niet.
Merk op dat gegevens van echte bezoekers pas verschijnen als een pagina genoeg verkeer heeft. Bij een kleine site zie je dan alleen de labometing. Die is nuttig om problemen te vinden, maar ze blijft een simulatie op één toestel. Meet daarom na elke grote aanpassing opnieuw, en vergelijk telkens dezelfde pagina’s.
Verwacht wel geen wonderen in de zoekresultaten. Google schrijft in zijn documentatie voor ontwikkelaars dat een goede paginabeleving aansluit bij wat zijn rangschikkingssystemen belonen. Een goede score garandeert echter geen toppositie, want relevante inhoud blijft het belangrijkst. Toch is een snelle site altijd winst, omdat bezoekers langer blijven en makkelijker contact opnemen.
Bij een nieuwe website houden we vanaf de eerste versie rekening met deze waarden. Wil je weten hoe je huidige site scoort en wat je kan verbeteren, lees dan meer over onze aanpak voor zoekmachineoptimalisatie.
