Core Web Vitals uitgelegd: waarom een trage site klanten kost

Core Web Vitals zijn drie metingen waarmee Google bepaalt hoe snel en prettig een pagina aanvoelt voor bezoekers: hoe snel de belangrijkste inhoud verschijnt (LCP), hoe snel de pagina reageert (INP) en hoe stabiel hij blijft staan (CLS). Ze tellen mee in hoe Google pagina’s beoordeelt, en ze zeggen veel over hoeveel bezoekers afhaken.

Door Agou Solutions17 oktober 20264 min lezen

In het kort

LCP meet laadsnelheid: goed is binnen 2,5 seconden.
INP meet reactiesnelheid: goed is binnen 200 milliseconden.
CLS meet verspringen: goed is een score van 0,1 of lager.
Google kijkt naar metingen bij echte bezoekers, niet alleen naar een test op één moment.

De drie metingen

LCP (Largest Contentful Paint). Hoe lang duurt het voordat het grootste element in beeld, vaak een foto of een kop, zichtbaar is? Dat is het moment waarop een bezoeker denkt: de pagina is er.
INP (Interaction to Next Paint). Hoe snel reageert de pagina als je klikt, tikt of typt? INP verving in maart 2024 de oudere meting FID.
CLS (Cumulative Layout Shift). Hoeveel springt de inhoud tijdens het laden? Denk aan een knop die net wegschuift als je erop wilt tikken.

Meting	Goed	Kan beter	Slecht
LCP	≤ 2,5 s	≤ 4 s	> 4 s
INP	≤ 200 ms	≤ 500 ms	> 500 ms
CLS	≤ 0,1	≤ 0,25	> 0,25

De grenzen die Google hanteert, volgens web.dev. Een pagina is ‘goed’ als 75 procent van de bezoeken binnen de grens valt.

Waarom snelheid je klanten kost

Een trage of onrustige pagina kost geduld, en geduld is op internet schaars. Uit het onderzoek Milliseconds Make Millions (Deloitte en Google, 2020) bleek dat een mobiele site die een tiende seconde sneller werd, bij retailers samenging met zo’n 8 procent meer conversies. Kleine verschillen tellen dus. Meer manieren om meer uit je bezoekers te halen, lees je in conversie optimalisatie.

Daarnaast zijn de Core Web Vitals onderdeel van de signalen waarmee Google de ervaring op een pagina beoordeelt. Goede inhoud blijft het belangrijkst, maar bij twee vergelijkbare pagina’s kan de snellere het voordeel krijgen.

Zo meet je het

PageSpeed Insights (pagespeed.web.dev): laat zowel metingen bij echte bezoekers als een test zien.
Google Search Console: het rapport Core Web Vitals toont welke pagina’s goed, matig of slecht scoren, voor mobiel en desktop apart.
Lighthouse in Chrome: handig om problemen op te sporen, maar het is een test op één moment op één apparaat.

Let op

Een score van 100 in Lighthouse is mooi, maar wat telt zijn de metingen bij echte bezoekers. Een site kan in de test perfect scoren en voor bezoekers op een oude telefoon toch traag zijn.

Zo verbeter je ze

LCP verbeteren. Gebruik moderne afbeeldingsformaten zoals WebP of AVIF, in de juiste afmetingen voor elk scherm. Laad de belangrijkste afbeelding met voorrang, zorg voor snelle hosting en voorkom dat scripts en lettertypes het tonen van de pagina ophouden.

INP verbeteren. Gebruik minder JavaScript, en vooral minder scripts van derden zoals chatwidgets, trackers en zware sliders. Verdeel zwaar werk in kleine stukken, zodat de pagina tussendoor kan reageren.

CLS verbeteren. Geef afbeeldingen, video’s en advertenties vaste afmetingen, zodat de ruimte vooraf gereserveerd is. Laat banners en meldingen niet bovenaan de pagina inschuiven, en laad lettertypes zo dat de tekst niet verspringt.

Bij een maatwerk website zit dit er vanaf de basis in, omdat er alleen code is die nodig is. Een WordPress-site met veel plug-ins is vaak lastiger snel te krijgen. Meer daarover lees je in WordPress of maatwerk.

Veelgestelde vragen

Wat zijn goede Core Web Vitals-scores?

Een LCP van 2,5 seconden of sneller, een INP van 200 milliseconden of sneller en een CLS van 0,1 of lager. Google beoordeelt een pagina als goed wanneer 75 procent van de bezoeken binnen die grenzen valt.

Tellen Core Web Vitals mee voor mijn positie in Google?

Ja, ze zijn onderdeel van de signalen waarmee Google de ervaring op een pagina beoordeelt. Relevante, goede inhoud blijft het belangrijkst, maar snelheid kan het verschil maken tussen vergelijkbare pagina’s.

Wat is het verschil tussen INP en FID?

FID mat alleen de vertraging van de eerste interactie op een pagina. INP, dat FID in maart 2024 verving, kijkt naar alle interacties tijdens een bezoek en geeft daardoor een eerlijker beeld van hoe snel een pagina reageert.