Spring naar hoofdinhoud

Core Web Vitals uitgelegd: waarom een trage website je klanten kost

Core Web Vitals in begrijpelijke taal: wat LCP, INP en CLS betekenen, welke scores je moet halen en hoe je een trage website concreet sneller maakt.

Er is één statistiek die elke ondernemer met een website zou moeten kennen: een groot deel van de bezoekers haakt af wanneer een pagina langer dan drie seconden laadt. Ze wachten niet — ze gaan terug en klikken op je concurrent.

Google weet dat, en gebruikt sinds enkele jaren Core Web Vitals als rankingfactor. Het zijn drie meetwaarden die bepalen hoe snel en stabiel je site aanvoelt voor een echte bezoeker.

Dit artikel legt ze uit zonder jargon: wat ze meten, welke scores je nodig hebt, en wat je concreet kunt doen als je site tekortschiet.

Wat zijn Core Web Vitals precies?

Klassieke snelheidsmetingen keken naar hoe lang de server erover deed. Dat zegt weinig over de ervaring van een bezoeker. Core Web Vitals meten daarom drie dingen die mensen daadwerkelijk voelen:

  • Hoe snel zie ik iets nuttigs? (LCP)
  • Reageert de pagina snel als ik iets aanklik? (INP)
  • Springt de layout onder mijn vingers weg? (CLS)

Google verzamelt deze data van echte Chrome-gebruikers. Je score is dus geen labtest, maar wat je bezoekers werkelijk ervaren — op hun toestel, op hun verbinding.

LCP: Largest Contentful Paint

Wat het meet: hoe lang het duurt voordat het grootste zichtbare element in beeld staat. Meestal je hero-afbeelding of de belangrijkste kop.

Doelwaarde: onder 2,5 seconde. Tussen 2,5 en 4 seconden is "verbetering nodig", daarboven is het slecht.

Veelvoorkomende oorzaken van een slechte LCP

  • Te grote afbeeldingen. Verreweg de nummer één. Een JPEG van 3 MB als achtergrond maakt elke andere optimalisatie zinloos.
  • Trage server of goedkope shared hosting.
  • Renderblokkerende CSS en JavaScript die eerst geladen moet worden.
  • Lettertypen die laat laden, waardoor tekst pas verschijnt als het font binnen is.

Wat je eraan doet

Comprimeer afbeeldingen en serveer ze als WebP of AVIF. Schaal ze naar de weergavegrootte. Zet fetchpriority="high" op je hero-afbeelding en gebruik géén lazy loading voor wat direct zichtbaar is — een klassieke fout die LCP juist verslechtert. Gebruik font-display: swap zodat tekst meteen leesbaar is.

INP: Interaction to Next Paint

Wat het meet: hoe snel je pagina zichtbaar reageert op een klik, tik of toetsaanslag. INP verving in 2024 de oudere FID-meting en is strenger, omdat het álle interacties tijdens een bezoek meeweegt.

Doelwaarde: onder 200 milliseconden. Tussen 200 en 500 ms is matig, daarboven slecht.

Veelvoorkomende oorzaken

  • Te veel JavaScript. De browser is bezig met scripts en kan niet reageren.
  • Zware trackingscripts — chat widgets, heatmaps, meerdere advertentiepixels.
  • Plugins die op elke pagina laden, ook waar hun functionaliteit niet wordt gebruikt.

Wat je eraan doet

Verwijder scripts die je niet actief gebruikt — begin bij die chatwidget die niemand aanklikt. Laad third-party scripts vertraagd in plaats van direct. Splits grote JavaScript-bestanden zodat elke pagina alleen laadt wat ze nodig heeft.

CLS: Cumulative Layout Shift

Wat het meet: hoeveel de layout verspringt tijdens het laden. Je kent het gevoel: je wilt op een link tikken en er schuift net een banner voor, waardoor je op het verkeerde element klikt.

Doelwaarde: onder 0,1.

Veelvoorkomende oorzaken

  • Afbeeldingen zonder opgegeven breedte en hoogte. De browser weet niet hoeveel ruimte te reserveren.
  • Advertenties of embeds die later inladen en content wegduwen.
  • Cookiebanners die bovenaan verschijnen en alles omlaag schuiven.
  • Webfonts die bij het laden een andere regelhoogte krijgen.

Wat je eraan doet

Geef elke afbeelding en video expliciete afmetingen mee. Reserveer vaste ruimte voor elementen die later laden. Toon cookiebanners als overlay onderaan in plaats van als blok dat de pagina verschuift.

Hoe meet je je eigen scores?

Drie gratis instrumenten, elk met een ander doel:

  • PageSpeed Insights — voer je URL in en je krijgt zowel labdata als echte gebruikersdata, met concrete verbeterpunten. Begin hier.
  • Google Search Console — onder "Ervaring" zie je hoe je hele site scoort, gegroepeerd per pagina-type. Dit toont echte bezoekersdata over 28 dagen.
  • Chrome DevTools (Lighthouse) — voor ontwikkelaars die tijdens het bouwen willen testen.

Belangrijk: test altijd de mobiele score, niet alleen desktop. Google indexeert mobiel-eerst, en mobiel is bijna altijd de zwakkere score.

Test bovendien meerdere pagina-types. Je homepage is vaak geoptimaliseerd terwijl je dienstenpagina's of blogartikelen achterblijven.

Hoeveel verschil maakt dit voor je ranking?

Eerlijk antwoord: Core Web Vitals zijn een bevestigde maar relatief lichte rankingfactor. Ze wegen minder zwaar dan relevantie en autoriteit. Een supersnelle pagina met slechte content verslaat geen tragere pagina die de vraag beter beantwoordt.

Maar er zijn twee redenen waarom je dit toch serieus moet nemen:

1. Als tiebreaker. Zijn twee pagina's inhoudelijk vergelijkbaar — precies de situatie in de meeste lokale markten — dan wint de snelste.

2. Conversie weegt zwaarder dan ranking. Dit is het echte argument. Elke seconde extra laadtijd kost je een meetbaar deel van je bezoekers. Wie afhaakt voordat je pagina zichtbaar is, wordt sowieso nooit klant. Bovendien versterkt afhaakgedrag je positie niet.

Zie snelheid dus niet als SEO-taak maar als omzetfactor. Meer daarover in ons artikel over meer aanvragen uit je website halen.

De snelste winst voor de meeste websites

Loop deze in volgorde af — hier zit doorgaans 80% van het resultaat:

  1. Comprimeer je afbeeldingen. Converteer naar WebP en schaal ze correct. Alleen dit lost bij veel sites het grootste deel op.
  2. Verwijder ongebruikte scripts en plugins. Wees streng: gebruik je het echt?
  3. Geef afbeeldingen vaste afmetingen. Lost CLS vrijwel direct op.
  4. Schakel caching in en gebruik een CDN.
  5. Upgrade goedkope hosting. Deel je een server met duizend andere sites, dan is er een grens aan wat optimalisatie oplost.

Zit je site structureel in het rood ondanks deze stappen, dan zit het probleem meestal in het fundament — een zwaar thema of een opeenstapeling van plugins. Op dat punt is herbouwen vaak goedkoper dan blijven optimaliseren. Lees hierover onze vergelijking tussen maatwerk en WordPress.

Conclusie

Core Web Vitals meten drie dingen die je bezoekers direct voelen: hoe snel ze iets zien (LCP onder 2,5s), hoe snel de pagina reageert (INP onder 200ms) en hoe stabiel de layout blijft (CLS onder 0,1).

Ze zijn een echte maar bescheiden rankingfactor. Het sterkere argument is commercieel: een trage site kost je bezoekers voordat ze überhaupt hebben gezien wat je aanbiedt.

Meet je site vandaag met PageSpeed Insights. Scoor je slecht op mobiel, begin dan bij je afbeeldingen — in de meeste gevallen ligt daar de oplossing.

Hulp nodig? Bekijk onze aanpak voor veiligheid en prestaties of vraag een snelheidsanalyse aan.

Veelgestelde vragen

Wat zijn goede Core Web Vitals scores?

LCP onder 2,5 seconden, INP onder 200 milliseconden en CLS onder 0,1. Google beschouwt een pagina als "goed" wanneer 75% van de echte bezoekers deze waarden haalt.

Zijn Core Web Vitals echt een rankingfactor?

Ja, Google heeft dit bevestigd als onderdeel van de page experience-signalen. Het gewicht is echter beperkt vergeleken met relevantie en autoriteit. Zie het als een tiebreaker tussen inhoudelijk gelijkwaardige pagina's.

Waarom scoort mijn site slecht op mobiel maar goed op desktop?

Mobiele apparaten hebben minder rekenkracht en vaak een tragere verbinding. JavaScript dat op een laptop verwaarloosbaar is, kost op een gemiddelde telefoon veel meer tijd. Omdat Google mobiel-eerst indexeert, is juist die score bepalend.

Wat is INP en waarom verving het FID?

INP meet de tijd tussen een interactie en de eerstvolgende zichtbare update. FID mat alleen de vertraging van de eerste interactie, wat een te rooskleurig beeld gaf. INP kijkt naar alle interacties tijdens een bezoek en is daarmee representatiever.

Kan ik goede scores halen met WordPress?

Ja, maar het vraagt discipline: een licht thema, zo min mogelijk plugins, goede caching en geoptimaliseerde afbeeldingen. De uitdaging is dat elke plugin extra CSS en JavaScript toevoegt, waardoor scores in de loop van de tijd verslechteren.

SnelheidTechniekSEO
← Terug naar alle artikelen