Core Web Vitals verbeteren: complete gids voor MKB

Wat zijn Core Web Vitals?

Core Web Vitals zijn drie meetbare prestatie-indicatoren waarmee Google de gebruikersbeleving van je website beoordeelt: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) en Cumulative Layout Shift (CLS). Deze metrics zijn officiele ranking-signalen sinds 2021 en bepalen of je site rangeert in de top of niet voor competitieve zoekwoorden.

In 2026 is Interaction to Next Paint (INP) de nieuwe standaard, vervangend voor First Input Delay (FID). Voor MKB-sites die op WordPress draaien, zijn Core Web Vitals een combinatie van technische SEO en goede UX-praktijken. Deze gids legt uit wat elke metric meet, welke scores je nodig hebt, en hoe je verbeteringen doorvoert.

De drie Core Web Vitals uitgelegd

LCP: laadtijd van de grootste content

LCP meet wanneer het grootste zichtbare element op je pagina geladen is. Vaak een hero-image, video, of grote tekst-blok. Onder de 2.5 seconden = goed. Tussen 2.5 en 4 seconden = needs improvement. Boven de 4 = slecht.

Veelvoorkomende LCP-problemen: te grote ongeoptimaliseerde images, trage server, blocking JavaScript, geen image-preload, geen CDN.

INP: reactietijd op interactie

INP vervangt FID sinds 2024. Het meet hoe lang het duurt voordat je site reageert nadat een gebruiker klikt, tikt of typt. Onder de 200 milliseconden = goed.

Veelvoorkomende INP-problemen: zware JavaScript op interactie, langzame third-party scripts (chatbots, tracking), niet-geoptimaliseerde event-handlers.

CLS: visuele stabiliteit

CLS meet hoeveel content “springt” tijdens het laden. Een score van 0.1 of lager = goed. Boven 0.25 = slecht.

Veelvoorkomende CLS-problemen: images zonder width/height attributen, ads die laden zonder gereserveerde ruimte, fonts die andere fonts vervangen mid-load (FOIT/FOUT), late inject-content.

Waarom Core Web Vitals belangrijk zijn voor MKB

• Officieel ranking-signaal sinds Google’s Page Experience update (2021)
• Hogere conversie: 1 seconde sneller laden = gemiddeld 7 procent meer conversies
• Lagere bounce rate: 32 procent extra bounce als laadtijd van 1s naar 3s gaat
• Betere mobiele ervaring: Google meet vooral mobiele Core Web Vitals
• Verschil tussen pagina 1 en pagina 2: bij competitieve zoekwoorden tipt CWV de balans

Core Web Vitals meten

Drie methoden, elke met eigen sterktes:

1. Google PageSpeed Insights

pagespeed.web.dev – gratis tool van Google. Toont CWV voor zowel mobiele als desktop. Geeft beide lab-data (gesimuleerd) en field-data (echte gebruikers via Chrome User Experience Report).

2. Search Console Core Web Vitals rapport

In Search Console -> Experience -> Core Web Vitals. Toont CWV-status van je hele site op basis van echte gebruikersdata. Goede plek om problemen per URL-groep te identificeren.

3. Chrome DevTools Lighthouse

F12 in Chrome -> Lighthouse tab -> Generate report. Gedetailleerde lab-data plus concrete optimalisatie-suggesties. Voor developers en technische audits.

4. Web Vitals Chrome Extension

Realtime CWV-metrics voor de pagina die je bekijkt. Handig tijdens development.

LCP verbeteren in WordPress

1. Optimaliseer images: gebruik WebP of AVIF formaat, comprimeer met TinyPNG of Shortpixel, lazy-load alle images behalve de hero.
2. Preload kritieke resources: hero-image en webfonts via <link rel=”preload”>.
3. Gebruik een CDN: Cloudflare of LiteSpeed serveert images vanaf edge-locaties dichter bij gebruikers.
4. Minimaliseer render-blocking resources: defer non-critical CSS en JavaScript.
5. Server response tijd: kies snelle hosting, gebruik server-side caching (LiteSpeed Cache, WP Rocket).
6. Inline critical CSS: above-the-fold styling direct in HTML, rest async.

INP verbeteren in WordPress

1. Verminder JavaScript: verwijder ongebruikte plugins die JS toevoegen.
2. Defer third-party scripts: chatbots, social media widgets, niet-essentiele tracking.
3. Web Workers voor zware berekeningen (developer-werk).
4. Event handlers optimaliseren: debounce / throttle voor scroll en resize.
5. Lazy-load offscreen content: comments, related posts, footer-widgets.
6. Plugin-audit: identificeer welke plugins INP verslechteren via PageSpeed Insights.

CLS verbeteren in WordPress

1. Width en height attributes op alle img-tags: voorkomt re-layout bij image-load.
2. Reserveer ruimte voor ads en embeds: aspect-ratio CSS of expliciete dimensies.
3. Font-display: swap: voorkomt onzichtbare tekst (FOIT) en harde font-switches.
4. Voorkom late content-injection: cookie-banners, nieuwsbrief-popups, JS-injected content die hoger dan viewport verschijnt.
5. Skeleton placeholders voor dynamische content: behoudt visuele stabiliteit tijdens laden.
6. CSS transitions ipv layout-changes: transform en opacity wijzigingen veroorzaken geen CLS.

Core Web Vitals verbeteren met WordPress-specifieke optimalisaties

Praktijkvoorbeeld: Core Web Vitals verbeteren bij een aannemersbedrijf

Aannemerssite met 50 pagina had op mobile: LCP 4.8s, INP 580ms, CLS 0.35. Hoog bounce rate, ranking op pagina 2-3.

Audit:

• Hero-image was 2.4MB ongeoptimaliseerd JPG
• 11 ongebruikte plugins laadden JS op elke pagina
• Cookie-banner van 200KB sprong na 800ms in
• Webfonts laadden via Google Fonts CDN, geen preload

Aanpak:

• Hero gecomprimeerd naar 180KB WebP + preload
• Asset CleanUp om plugin-JS per pagina te beheren
• Cookie-banner ruimte vooraf gereserveerd
• Webfonts lokaal gehost met font-display: swap
• LiteSpeed Cache geactiveerd met page caching

Resultaat na 3 weken: LCP 1.9s, INP 180ms, CLS 0.04. Alle drie groen. Ranking voor “aannemer Den Haag” van positie 12 naar positie 4. Organisch verkeer +75 procent.

Veelgemaakte fouten met Core Web Vitals

1. Alleen lab-data testen: lab is gesimuleerd, echte gebruikers (field-data) kunnen anders zien.
2. Desktop-only testen: Google ranked vooral op mobiele CWV.
3. Quick fixes zonder echte verandering: caching helpt niet voor INP.
4. Te veel plugins: elk extra plugin is potentieel INP-killer.
5. Hero-image zonder optimalisatie: meest voorkomende LCP-issue.
6. Cookie-banner laat injecteren: standaard CLS-killer.
7. Webfonts via externe CDN: 200-400ms extra LCP, kan lokaal.
8. Geen monitoring: CWV verandert door content en plugin-updates.

Veelgestelde vragen over Core Web Vitals

Wat zijn Core Web Vitals?

Drie meetbare metrics die Google gebruikt om de gebruikersbeleving van een website te beoordelen: LCP (laadtijd), INP (reactietijd) en CLS (visuele stabiliteit).

Welke CWV-score is goed?

LCP onder 2.5s, INP onder 200ms, CLS onder 0.1. Alle drie groen in Search Console = optimaal.

Hoe meet ik mijn Core Web Vitals?

Google PageSpeed Insights voor losse pagina, Search Console Core Web Vitals rapport voor hele site, Chrome DevTools Lighthouse voor diepe analyse.

Zijn CWV een ranking factor?

Ja, officieel sinds Google Page Experience update in 2021. Onderdeel van zowel mobile-first als desktop ranking.

Wat is het verschil tussen lab-data en field-data?

Lab = gesimuleerd in testomgeving (Lighthouse). Field = echte gebruikersdata via Chrome User Experience Report. Google ranked vooral op field-data.

Hoe lang duurt het voordat CWV-verbeteringen merkbaar zijn?

Field-data update over 28 dagen running average. Verbeteringen volledig zichtbaar na 4-6 weken.

Helpt LiteSpeed Cache voor CWV?

Ja, vooral voor LCP via page-caching en LiteSpeed-specifieke optimalisaties. INP en CLS vereisen aanvullende werkzaamheden.

Is INP belangrijker dan FID?

INP heeft FID vervangen sinds 2024. Het is een breder meetbaarheid van interactiviteit, niet alleen first input maar alle interacties.

Aan de slag met Core Web Vitals

Core Web Vitals zijn 2026’s belangrijkste technische SEO-fundament. Begin met PageSpeed Insights audit van je top 5 pagina, identificeer welke metric het zwakste is, en pak die eerst aan.

Wij bij Clickstrategie helpen MKB-ondernemers met CWV-audits en performance-optimalisatie. Plan een vrijblijvend strategiegesprek en we doen een gratis CWV-scan van jouw site.

Gerelateerde artikelen:

• XML Sitemap uitgelegd
• Robots.txt uitgelegd
• Canonical tags uitgelegd
• Structured Data en Schema Markup
• Wat is zoekwoordenonderzoek