De drie metrieken in 30 seconden
LCP — Largest Contentful Paint. Hoe snel laadt het grootste element op je pagina (meestal de hero-afbeelding of titel). Doel: onder 2.5 seconden. Boven 4s = slecht, Google straft.
INP — Interaction to Next Paint. Hoe snel reageert je site op een klik of tap. Doel: onder 200ms. Boven 500ms = je site voelt traag aan ondanks dat hij snel laadt.
CLS — Cumulative Layout Shift. Hoeveel verspringt content tijdens het laden (ad's die laat verschijnen, fonts die ineens groter worden). Doel: onder 0.1. Boven 0.25 = frustrerende ervaring.
Sites die alle drie de Core Web Vitals halen, ranken gemiddeld 24% hoger in Google dan vergelijkbare sites die ze niet halen — Google Search Central data 2025.
Waarom dit belangrijk is voor MKB
Google heeft Core Web Vitals sinds 2021 onderdeel gemaakt van het rankingsalgoritme. Sites die ze halen ranken structureel hoger op dezelfde keywords. Voor lokale MKB-bedrijven die op "hovenier Mijdrecht" of "elektricien Utrecht" willen ranken, is dit niet optioneel — het is een minimum-eis.
Daarnaast: 68% van mobiele bezoekers verlaat een site binnen 3 seconden als hij niet laadt. Sites met slechte LCP verliezen dus niet alleen ranking — ze verliezen ook actieve bezoekers die wél binnen waren.
Hoe test je je eigen site?
- Ga naar pagespeed.web.dev
- Vul je URL in
- Wacht 20 seconden
- Bekijk de drie Core Web Vitals — groen = goed, oranje = matig, rood = slecht
- Doe dit zowel voor mobiel (belangrijkst) als desktop
De score van 0-100 die je krijgt is een gewogen gemiddelde — die alleen interessant als context. Wat telt zijn de drie individuele Core Web Vitals.
5 fixes die alle drie verbeteren
Voor MKB-sites zijn er vijf concrete acties die typisch alle drie de metrieken in één keer fixen:
- Beelden omzetten naar WebP/AVIF + lazy-loading. Reduceert LCP met 30-60% en CLS naar bijna 0. Bij DesignCheck doen we dit standaard.
- JavaScript opschonen. Verwijder onnodige scripts (Heap Analytics, Hotjar, oude tracking). Reduceert INP met 50-70%.
- Fonts vooraf specificeren. Zet expliciete width/height op font-elementen en voeg
font-display: swaptoe. Reduceert CLS naar 0. - Server-side rendering of static generation. WordPress + caching plugin, Webflow standaard, of Astro/Next.js voor maximale performance. Reduceert LCP met 40-60%.
- Modern CSS in plaats van een CSS-framework. Tailwind output van 200kb naar 30kb door purging. Bootstrap-sites kunnen 100kb afslanken.
Wanneer rebuild zinvol is
Als je site na deze 5 fixes nog steeds onder 50 scoort, is het waarschijnlijk de codebase die de bottleneck is. Voor WordPress-sites op verouderde thema's of met 30+ plugins is volledige rebuild vaak goedkoper dan eindeloos optimaliseren. Voor een MKB-rebuild bij DesignCheck zit topscores op Lighthouse garantie standaard in elk pakket — zie prijzen.
Gerelateerde gidsen
FAQ — Core Web Vitals
Wat als ik de metrieken niet zelf kan fixen?
Hoe vaak moet ik testen?
Tellen alle pagina's mee voor de ranking?
Door Lorenzo Ruisi — DesignCheck. Laatst bijgewerkt 16 mei 2026.