Google meet hoe goed je website presteert. Niet op basis van hoe hij eruitziet, maar op basis van hoe hij aanvoelt voor je bezoeker. Hoe snel laadt de pagina? Hoe vlot reageert de site als je ergens op klikt? Verschuiven er elementen terwijl de pagina laadt? Die drie vragen vormen samen de Core Web Vitals.
En die scores tellen mee voor je positie in Google. Dit artikel legt in gewone taal uit wat de drie metrics zijn, waarom ze ertoe doen en wat je concreet kunt doen om ze te verbeteren. Geen code, geen jargon. Gewoon helder uitgelegd.
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie meetwaarden die Google gebruikt om de gebruikerservaring van je website te beoordelen. Ze zijn sinds 2021 een officieel onderdeel van Google’s ranking factors. In 2024 is één van de drie metrics vernieuwd (FID werd vervangen door INP), en in 2026 zijn ze volwaardig verankerd in hoe Google je site beoordeelt.
| Metric | Wat het meet | Goed | Slecht |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Hoe snel de grootste content laadt | Onder 2,5 seconden | Boven 4 seconden |
| INP (Interaction to Next Paint) | Hoe snel de site reageert op klikken/tikken | Onder 200 milliseconden | Boven 500 milliseconden |
| CLS (Cumulative Layout Shift) | Hoe stabiel de pagina blijft tijdens het laden | Onder 0,1 | Boven 0,25 |
Google beoordeelt je site op basis van echte gebruikersdata (het 75e percentiel). Dat betekent dat 75% van je bezoekers een “goede” ervaring moet hebben. Niet alleen bezoekers met snelle telefoons en glasvezel, maar ook die met een ouder toestel op een 4G-verbinding.
LCP: hoe snel ziet je bezoeker iets?
Largest Contentful Paint meet het moment waarop het grootste zichtbare element op het scherm verschijnt. Dat is meestal je hero-afbeelding, een grote kop of een video-thumbnail.
Waarom het ertoe doet: als een bezoeker drie seconden naar een leeg scherm staart, is de helft al weg. Onderzoek van Google laat zien dat 53% van de mobiele gebruikers een pagina verlaat als het langer dan drie seconden duurt.
Wat je kunt doen:
- Afbeeldingen optimaliseren. Gebruik moderne formaten als WebP of AVIF. Comprimeer tot de kleinst mogelijke bestandsgrootte zonder zichtbaar kwaliteitsverlies.
- Hero-afbeelding vooraf laden. Gebruik preload-tags zodat de browser meteen begint met het laden van je belangrijkste afbeelding.
- Hosting upgraden. Een trage server betekent een trage site. De responstijd van je server (TTFB) moet onder de 200 milliseconden liggen.
- Onnodige code minimaliseren. Minder JavaScript en CSS betekent sneller laden. Verwijder wat je niet gebruikt.
INP: hoe snel reageert je site?
Interaction to Next Paint verving in maart 2024 de oude FID-metric. Het verschil? FID mat alleen de vertraging bij de allereerste klik. INP meet de responsiviteit bij alle interacties gedurende het hele bezoek: klikken, tikken, typen, scrollen door dropdown-menu’s. De traagste interactie bepaalt je score.
Waarom het ertoe doet: een bezoeker die op “Toevoegen aan winkelwagen” klikt en een halve seconde niets ziet gebeuren, denkt dat de site niet werkt. Dat kost je verkopen.
Wat je kunt doen:
- JavaScript opschonen. Zware scripts blokkeren de main thread van de browser. Splits lange taken op en laad niet-essentiële scripts uitgesteld (deferred).
- Onnodige plugins verwijderen. Elke plugin voegt JavaScript toe. Tien onnodige plugins betekent tien extra bronnen die de responsiviteit vertragen.
- Third-party scripts beperken. Analytics, chat-widgets, advertentiescripts: ze zijn nuttig, maar elk script dat je toevoegt maakt je site trager. Wees kritisch.
CLS: verschuift er iets op je pagina?
Cumulative Layout Shift meet hoe stabiel je pagina-layout is tijdens het laden. Ken je dat moment waarop je een knop wilt klikken en de pagina plotseling verspringt? Dat is CLS. En het is ontzettend frustrerend.
Waarom het ertoe doet: een hoge CLS-score betekent dat bezoekers per ongeluk op de verkeerde dingen klikken. Bij een webshop kan dat betekenen dat iemand het verkeerde product bestelt of in frustratie wegklikt.
Wat je kunt doen:
- Geef afbeeldingen en video’s vaste afmetingen. Zonder expliciete breedte en hoogte weet de browser niet hoeveel ruimte hij moet reserveren, waardoor alles verschuift zodra het beeld laadt.
- Reserveer ruimte voor advertenties en embeds. Geef elk dynamisch blok een vaste minimale hoogte, zodat de rest van de pagina niet verspringt als het laadt.
- Laad lettertypes slim. Gebruik font-display: swap met een fallback-lettertype dat qua grootte overeenkomt, zodat de tekst niet verspringt wanneer je eigen font laadt.
- Voorkom dat cookie-banners content wegduwen. Plaats ze als overlay, niet als extra blok bovenaan de pagina.
Waarom Core Web Vitals er echt toe doen
Ja, ze zijn een ranking factor in Google. Maar dat is niet het hele verhaal. De echte reden waarom Core Web Vitals belangrijk zijn, is dat ze directe impact hebben op je omzet:
- Snellere sites converteren beter. Elke 100 milliseconden vertraging in laadtijd kan je conversieratio met 7% verlagen. Dat zijn geen theoretische cijfers: Amazon, Google en Shopify hebben dit jarenlang gemeten.
- Betere zoekposities. Bij twee pagina’s met vergelijkbare inhoud en autoriteit geeft Google de voorkeur aan de pagina met betere Core Web Vitals. In competitieve markten kan dat het verschil zijn tussen pagina één en pagina twee.
- Lagere bounce rates. Sites die alle drie de drempelwaarden halen hebben gemiddeld 24% lagere bounce rates dan sites die ze niet halen.
- AI-zoekmachines. Google SGE, Bing Copilot en andere AI-zoeksystemen tonen steeds minder zoekresultaten. De sites die wél getoond worden, moeten bij een klik direct een uitstekende ervaring bieden. Core Web Vitals zijn het filter.
Hoe meet je je Core Web Vitals?
Er zijn twee soorten metingen: lab data (gesimuleerd) en field data (echte gebruikers). Google gebruikt field data voor rankings, maar lab data is handig om problemen op te sporen.
- Google PageSpeed Insights (pagespeed.web.dev). Geeft zowel lab- als field data en vertelt je exact welke elementen je LCP, INP en CLS beïnvloeden. Dit is je startpunt.
- Google Search Console (search.google.com/search-console). Onder “Core Web Vitals” zie je welke pagina’s goed scoren, welke verbetering nodig hebben en welke slecht presteren. Gebaseerd op echte gebruikersdata over 28 dagen.
- Chrome DevTools Lighthouse (ingebouwd in Chrome). Draai een Lighthouse-audit op mobiel. Let op: lab scores zijn vaak beter dan de werkelijkheid. Vertrouw op field data voor het echte plaatje.
- Web Vitals Chrome-extensie (gratis in de Chrome Web Store). Toont je LCP, INP en CLS in realtime terwijl je door je eigen site navigeert.
Begin hier
Ga nu naar pagespeed.web.dev en voer je eigen website in. Binnen dertig seconden weet je hoe je scoort. Groen is goed, oranje verdient aandacht, rood is urgent.
Samenvatting
Core Web Vitals zijn Google’s manier om te meten wat je bezoekers écht ervaren: laadsnelheid (LCP), responsiviteit (INP) en visuele stabiliteit (CLS). Ze zijn een ranking factor, maar bovenal een indicator van hoe goed je website het doet voor de mensen die hem bezoeken.
Het goede nieuws is dat de meeste verbeteringen eenmalige optimalisaties zijn die jarenlang renderen. Een snelle site blijft snel met minimaal onderhoud. En het verschil tussen een trage en een snelle site vertaalt zich direct in meer bezoekers, lagere bounce rates en hogere omzet.
Meer lezen?
Wil je weten hoe Google je verder vindt? Lees SEO basics: zo zorgt Google dat het je vindt. Benieuwd wat er gebeurt als je je site niet bijhoudt? Bekijk Waarom je website zonder onderhoud achteruitgaat.
Wil je weten hoe jouw site scoort op Core Web Vitals? Neem vrijblijvend contact op.