Core Web Vitals uitgelegd: LCP, INP en CLS voor MKB-websites

Stel je voor: je klikt op een zoekresultaat, en dan… niks. De pagina trekt, content schuift als een dolle en als je ergens op klikt, reageert het alsof de website even wil gaan liggen. Je sluit de tab. Klaar.

Dit gebeurt elke dag met duizenden MKB-websites — en Google merkt het gewoon.

Sinds 2021 meet Google met zogenaamde Core Web Vitals hoe goed je website écht draait. Niet alleen technisch, maar vooral: hoe bezoekers je website ervaren.

En hier zit het: als je website hier slecht scoort, dan verdwij je langzaam maar zeker uit de zoekresultaten. Niet dramatisch van de ene dag op de andere, maar Google beloont websites die snel, stabiel en responsief zijn. Voor een MKB-website — of je nu makelaar bent, een lokale webshop runt of dienstverlener — betekent dit dat Core Web Vitals geen technisch nice-to-have zijn. Het is basiswerk.

Net als een goede tekst op je homepage. In dit artikel leggen we uit wat LCP, INP en CLS precies betekenen, waarom ze meetbaar zijn, en wat je er concreet mee kunt doen.

Geen ingewikkelde jargon, gewoon helder en to-the-point.

Wat zijn de Core Web Vitals en waarom bestaan ze?

De Core Web Vitals zijn drie meetbare waarden waarmee Google de gebruikerservaring van je website beoordeelt. Ze zijn gebaseerd op echte gebruikersdata van Chrome-browsers wereldwijd — dus niet op een testopstelling, maar op hoe bezoekers je site daadwerkelijk ervaren.

De drie metrics zijn: Google evolueert deze metrics mee met de tijd. In maart 2024 is INP officieel de opvolger van FID (First Input Delay).

• LCP (Largest Contentful Paint) — hoe snel belangrijke inhoud zichtbaar wordt
• INP (Interaction to Next Paint) — hoe snel je pagina reageert op interactie
• CLS (Cumulative Layout Shift) — hoe stabiel de layout blijft tijdens het laden

Waar FID alleen de eerste interactie mat, meet INP alle interacties op een pagina — klikken, tikken, toetsaanslagen — en neemt de langzaamste als uitgangspunt.

Dit maakt INP een veel strenge, maar ook eerlijkere maatstaf.

LCP: Hoelang duurt het voordat je inhoud te zien is?

Het grootste zichtbare element op je pagina — meestal een headerafbeelding, een hero-banner of een groot tekstblok — bepaalt je LCP-score. Google kijkt naar het moment dat een bezoeker op jouw link klikt tot het moment dat dat grootste element volledig weergegeven is.

De duidelijke grenswaarden: Volgens de Web Almanac 2025 haalt slechts 62% van de mobiele pagina's een goede LCP-score. Dat is de laagste van de drie Core Web Vitals — en daarmee ook het meest verbeterpunt voor de meeste MKB-websites.

• Goed: 2,5 seconden of minder
• Aanscherping nodig: 2,5 tot 4,0 seconden
• Slecht: meer dan 4,0 seconden

Wat kun je er concreet aan doen? Begin met de low-hanging fruit: preload je belangrijkste afbeelding met fetchpriority="high", zorg dat je server snel reageert (een goede hostingprovider maakt hier een wereld van verschil), en gebruik moderne afbeeldingsformaten zoals WebP of AVIF.

Dit soort optimalisaties zijn precies waar een bureau als BRUTAEL bij technische SEO mee helpt: kleine aanpassingen, groot effect.

INP: Reageert je website direct als een bezoeker klikt?

INP meet hoeveel milliseconden er zitten tussen een gebruikersactie en de visuele reactie op het scherm. Niet alleen de eerste klik, maar elke interactie. Voor een contactformulier, een menu, een "bereken je hypotheek"-knop — alles telt mee.

De grenswaarden voor INP: Wereldwijd scoort 77% van de mobiele pagina's goed op INP.

• Goed: 200 milliseconden of minder
• Aanscherping nodig: 200 tot 500 ms
• Slecht: meer dan 500 ms

Dat klinkt aardig, maar het betekent ook dat bijna één op de vier websites merkbaar traag reageert op interacties. Voor een MKB-website die leadgeneratie draaiende houdt — denk aan een makelaarskantooor dat via Google Ads verkeer aantrekt — is dat een probleem.

Een bezoeker die moet wachten op een reactie, is een bezoeker die weg is. De meest voorkomende boosdoener: JavaScript dat de main thread blokkeert. Door niet-kritieke scripts uit te stellen en je code te splitsen in kleinere chunks, kun je INP flink verbeteren.

Ook hier geldt: het hoeft niet ingewikkeld. Soms is het al genoeg om een paar zware plugins of trackers te verwisselen voor lichtere alternatieven.

CLS: Schift je content als een dolle terwijl de pagina laadt?

Heb je ooit op een link geklikt, en net op het moment dat je vinger de knop raakt, schuift er een advertentie of afbeelding — en klik je per ongeluk op iets anders?

Dat is een layout shift, en CLS meet precies hoeveel en hoe erg dat gebeurt op je pagina. De score is een ratio, gebaseerd op de grootte van de verschuiving en de afstand die elementen bewegen: De meest voorkomende oorzaken zijn afbeeldingen zonder ingestelde breedte en hoogte, dynamisch ingevoegde content (zoals banners of cookie-meldingen), en lettertypes die pas na het laden verschijnen. De fix is verrassend simpel: geef altijd afmetingen op voor afbeeldings- en videomedia, reserveer ruimte voor advertenties of dynamische content, en overweg een system font als fallback terwijl je webfonts laden.

• Goed: 0,1 of lager
• Aanscherping nodig: 0,1 tot 0,25
• Slecht: hoger dan 0,25

Velddata versus labdata: wat meet Google écht?

Een veelgemaakte fout: kijken naar je Lighthouse-score in Chrome DevTools en denken dat dit je Google-score is. Het is niet zo.

Google beoordeelt je Core Web Vitals op basis van velddata — data van echte bezoekers via het Chrome User Experience Report (CrUX). Labdata (zoals PageSpeed Insights of Lighthouse) is enorm waardevol voor diagnostiek, maar geeft een gecontroleerde meetomgeving. Velddata reflecteert de echte wereld: langzame verbindingen, oudere telefoons, netwerkproblemen — allemaal meegenomen.

Google kijkt naar het 75e percentiel (p75) van je velddata. Dat betekent: 75% van je bezoekers moet een goede ervaring hebben om als "goed" te scoren.

Dit is belangrijk om te begrijpen, want het betekent dat uitschieters — bijvoorbeeld bezoekers op een traag mobiel netwerk — je score kunnen beïnvloeden, ook als je website technisch goed is ingericht.

Hoe verbeter je je Core Web Vitals?

Er is geen magische knop. Maar er zijn duidelijke, bewezen stappen die werken:

1. Optimaliseer je afbeeldingen

Afbeeldingen zijn verantwoordelijk voor het grootste deel van de paginagrootte op de meeste MKB-websites.

2. Maak je JavaScript slanker

Comprimeer ze, gebruik WebP of AVIF, en laad alleen afbeeldingen die daadwerkelijk zichtbaar zijn (lazy loading). Stel je website heeft 12 JavaScript-bestanden die allemaal tegelijk laden. Dat is als 12 mensen tegelijk door een smalle deur proberen te gaan.

3. Zorg voor snelle serverrespons

Combineer, minifieer en stel niet-kritieke scripts uit. Time to First Byte (TTFB) is de basis. Als je server traag reageert, loopt alles achterop. Een goede hostingprovider — en eventueel een CDN — maakt een meetbaar verschil.

4. Voorkom layout shifts

Altijd afmetingen opgeven voor media, reserveer ruimte voor dynamische content, en gebruik font-display: swap of een system font als fallback.

5. Meet, analyseer, herhaal

Gebruik Google Search Console (de Core Web Vitals-rapportage), PageSpeed Insights voor makelaars en Chrome DevTools om je scores te monitoren. Verbeterpunten veranderen naarmate je website groeit — het is een continu proces.

Waarom dit ertoe doet voor MKB-websites

Core Web Vitals zijn geen losse technische exercitie. Ze maken deel uit van Google's Page Experience-signaal — en dat signaal telt mee in je ranking. Maar belangrijker nog: ze bepalen of bezoekers blijven of weglopen.

Uit onderzoek van Google zelf blijkt dat de kans op bounce met 32% toeneemt als de laadtijd van 1 seconde naar 3 seconden gaat; ontdek hier de impact van laadtijd op je conversie.

Bij 5 seconden is die kans 90%. Voor een MKB-bedrijf dat investeert in Google Ads — waar Rightway Marketing zich vroeger op specialiseerde in de vastgoedmarkt — is dat geld in de goot als je landingspagina niet scoort op Core Web Vitals.

De goede nieuws: je hoeft geen ontwikkelaar te zijn om hier aan te werken. Veel verbeteringen zijn concreet en behapbaar. En als het te complex wordt, is er altijd een specialist die je kan helpen.

BRUTAEL, gevestigd in Schagen, werkt bijvoorbeeld veel met MKB-klanten aan technische SEO en prestatie-optimalisatie — precies het soort basiswerk dat ervoor zorgt dat je advertentiebudget niet verloren gaat aan trage pagina's.

De kern is simpel: Core Web Vitals zijn geen abstract Google-gekke. Ze meten of je website werkt zoals een bezoeker verwacht. Snel laden, direct reageren, stabiel blijven. Drie principes, meetbaar gemaakt. En als je ze goed doet, merk je het terug in je rankings, je conversies — en in bezoekers die blijven waar ze zijn: op jouw website.