Core Web Vitals zijn drie Google-meetwaarden voor de gebruikerservaring van een website: LCP (laadsnelheid), INP (interactiviteit) en CLS (visuele stabiliteit). Google gebruikt ze als rankingfactor. Wat betekenen die scores concreet voor een MKB-website en wanneer is een score goed genoeg?
De drie meetwaarden uitgelegd
LCP: Largest Contentful Paint
LCP meet hoe lang het duurt voordat het grootste zichtbare element op het scherm geladen is. Dat is meestal een hero-afbeelding of een grote koptekst. Goed: onder 2,5 seconden. Moet beter: 2,5-4 seconden. Slecht: boven 4 seconden.
INP: Interaction to Next Paint
INP verving in 2024 de oudere FID-meting. Het meet de responstijd van uw pagina op gebruikersinteracties: klikken op een knop, een formulier invullen. Goed: onder 200ms. Moet beter: 200-500ms. Slecht: boven 500ms.
CLS: Cumulative Layout Shift
CLS meet hoeveel elementen onverwacht bewegen terwijl de pagina laadt. Een knop die verschuift terwijl u erop klikt is het klassieke voorbeeld. Goed: onder 0,1. Moet beter: 0,1-0,25. Slecht: boven 0,25.
Waarom het voor MKB-sites relevant is
Google bevestigt dat Core Web Vitals meetellen bij rankings, maar de impact is beperkt vergeleken met relevantie en autoriteit. Voor een MKB-site betekent dit: u hoeft geen perfecte scores te halen, maar u wilt niet in de "slecht"-categorie zitten.
Concreter: een site met een LCP van 3,5 seconden verliest geen topposities door die score alleen. Maar die site verliest wel bezoekers: 40% van mobiele gebruikers verlaat een site als die langer dan 3 seconden laadt.
Realistische doelen voor MKB-websites
- LCP: streef naar onder 2,0 seconden op mobiel (4G). Dit is haalbaar met next/image, goede hosting en een CDN
- INP: onder 150ms voor een Next.js-site is standaard als u geen zware client-side JavaScript laadt
- CLS: onder 0,05 bereikt u door afbeeldingen altijd een vaste breedte en hoogte te geven
De vijf meest impactvolle optimalisaties
- Afbeeldingen in WebP/AVIF met het juiste formaat per apparaat: verbetert LCP met 40-60%
- Fonts via next/font laden: vermijdt layout shift door systeemfonts tijdens het laden
- Geen render-blocking JavaScript in de head: gebruik strategy="afterInteractive" voor analytics
- Afbeeldingen met expliciete breedte en hoogte: elimineert CLS bijna volledig
- Hosting op een CDN dichtbij uw doelgroep: Vercel Frankfurt voor Nederlandse sites
Controleer uw eigen scores
Gebruik PageSpeed Insights (pagespeed.web.dev) voor een meting op mobiel en desktop. Let op het verschil: mobielscores zijn altijd lager door de simulatie van een 4G-verbinding. Die zijn ook relevanter: ruim 60% van het Nederlandse webverkeer is mobiel.
Darryl Leyten
Fullstack webdeveloper en data-engineer uit Helmond. Ik bouw websites, apps en dashboards voor het Nederlandse MKB, met focus op meetbare resultaten en eerlijke prijzen.
LinkedIn