Technische website performance

Core Web Vitals uitgelegd: LCP, CLS en FID voor MKB-website-eigenaren

Eva de Wit Eva de Wit
· · 8 min leestijd

Stel: iemand googelt naar jouw dienst. Jouw site verschijnt bovenaan.

Inhoudsopgave
  1. Wat zijn Core Web Vitals precies?
  2. Welke scores moet je halen?
  3. Waarom zijn Core Web Vitals belangrijk voor het MKB?
  4. De drie metrics in de praktijk
  5. Meet je Core Web Vitals zelf (gratis)
  6. Stap voor stap: zo verbeter je je Core Web Vitals
  7. Wat kost dit eigenlijk?
  8. Core Web Vitals als concurrentievoordeel

Maar dan… niets gebeurt. De pagina laadt traag, knoppen verspringen, en de bezoeker klikt weg. Binnen seconden ben je die klant kwijt.

Dit is precies waar Core Web Vitals om draaien. Google meet hoe goed je website écht werkt — en beloont sites die snel, stabiel en responsief zijn.

Als MKB'er hoef je geen techneut te zijn om hier iets mee te doen. Maar je moet wel weten wat er gemeten wordt en waarom het ertoe doet. Laten we erin duiken.

Wat zijn Core Web Vitals precies?

Core Web Vitals zijn drie prestatiemetingen die Google sinds 2021 gebruikt als rankingfactor. Ze meten niet hoe mooi of inhoudelijk jouw site is, maar hoe goed de gebruikerservaring in de praktijk werkt.

Niet in een testomgeving, maar bij echte bezoekers op echte apparaten. De drie metrics zijn: Let op: Google is in maart 2024 overgestapt van FID (First Input Delay) op INP (Interaction to Next Paint).

  • Largest Contentful Paint (LCP) — Hoe snel laatste het grootste zichtbare element (bijvoorbeeld een headerbeeld of tekstblok) op het scherm?
  • Interaction to Next Paint (INP) — Hoe snel reageert de pagina wanneer iemop op een knop klikt, een menu opent of een formulier invult?
  • Cumulative Layout Shift (CLS) — Verspringen er elementen terwijl de pagina aan het laden is?

INP is completer — het meet niet alleen de eerste klik, maar de responstijd van alle interacties op de pagina.

Als je nog artikelen lezen die FID noemen, zijn die simpelweg verouderd.

Welke scores moet je halen?

Google beoordeelt elke metric als Goed, Moet verbeteren of Slecht. Om te "slagen" moet minstens 75% van je bezoekers een goede ervaring hebben.

Metric Goed Moet verbeteren Slecht
LCP onder 2.500 ms 2.500 – 4.000 ms boven 4.000 ms
INP onder 200 ms 200 – 500 ms boven 500 ms
CLS onder 0,1 0,1 – 0,25 boven 0,25

Die 75% wordt het 75e percentiel (p75) genoemd — een balans tussen streng en realistisch. Die cijfers zijn niet willekeurig. Onder 2,5 seconden voor LCP voelt een pagina "snel" voor de meeste bezoekers.

Boven 4 seconden is het al te lang — dan haken mensen af. Bij CLS gaat het over iets dat je voelt als gebruiker: niets is vervelender dan op een knop tikken en zomaar een advertentie te raken die net versprong. Een score onder 0,1 betekent dat je site visueel stabiel aanvoelt.

Waarom zijn Core Web Vitals belangrijk voor het MKB?

Simpel: Google beloont goede prestaties met betere posities. En betere posities betekenen meer organisch verkeer — zonder dat je een cent extra uitgeeft aan advertenties. Maar er is meer.

Uit onderzoek van Google zelf blijkt dat sites met een LCP onder 2,5 seconden een tot 24% lagere bounce rate hebben.

Bij CLS onder 0,1 zie je significant meer pagina's per sessie. Voor MKB-bedrijven is dit een enorme kans.

Field data versus labdata — en waarom het verschil ertoe doet

Veel concurrenten — zelfs in de zorg en dienstverlening — hebben websites die technisch verouderd zijn. Ze zien er misschien prima uit, maar onder de moterkap rommelen ze. Als jij als eerste investeert in Core Web Vitals, onderscheid je je direct.

Bureau's zoals BRUTAEL zien bij audits regelmatig dat MKB-websites in de zorgsector nog steeds op WordPress draaien met twintig plug-ins, ongecomprimeerde afbeeldingen van 4 MB en geen caching.

Dat is goud waard voor wie het wél goed doet. Er zijn twee manieren om Core Web Vitals te meten. Lab data komt uit gecontroleerde tests — bijvoorbeeld via Google PageSpeed Insights. Het is handig om problemen te vinden, maar het zegt niet hoe jouw echte bezoekers je site ervaren. Field data daarentegen komt van echte gebruikers: hun apparaten, hun internetverbinding, hun browser. En Google gebruikt uitsluitend field data voor ranking.

Dat betekent dat een mooie PageSpeed-score van 90+ niet automatisch betekent dat je goed scoort. Je moet kijken in Google Search Console, onder het rapport "Core Web Vitals", om te zien hoe jouw echte bezoekers het doen. Daar zie je per URL of je goed scoort — en zo niet, welke metric het knelpunt is.

De drie metrics in de praktijk

LCP: Laadsnelheid die er toe doet

LCP meet hoe lang het duurt voordat het grootste zichtbare element op het scherm verschijnt. Vaak is dat een hero-image, een kop of een video.

De meest voorkomende oorzaken van een slechte LCP-score zijn: trage serverrespons, grote afbeeldingen, render-blocking JavaScript en CSS, en geen gebruik van een CDN. Snelle verbeteringen: Comprimeer afbeeldingen (tools zoals ShortPixel of TinyPNG doen dit gratis), kies een snellere hostingprovider, en zorg dat je server binnen 200 ms reageert op een request. Als je WordPress gebruikt, helpt een plug-in zoals WP Rocket enorm — en je hoeft er geen code voor aan te raken.

INP: Hoe snel reageert je site op een klik?

INP is de opvolger van FID en meet de vertraging tussen een gebruikersactie (klik, toetsaanslag, tap) en de visuele reactie van de pagina.

Een INP onder 200 ms voelt direct aan. Boven 500 ms voelt het als "haperend" — en dan sluiten mensen je site. De grootste boeven zijn zware JavaScript-bestanden en third-party scripts: denk aan chatwidgets, analytics-trackers, advertentienetwerken en social media-embeds. Elk van die scripts blokkeert de hoofdthread van de browser. Snelle verbetering: Schakel plug-ins uit die je niet gebruikt, laad niet-essentiële scripts pas na de eerste interactie, en overweeg lazy loading voor iframes en video's.

CLS: Die vervelende verspringing

CLS meet hoeveel en hoe sterk elementen op je pagina verspringen tijdens het laden. Stel: je belt een zorginstelling, klikt op "Afspraak maken", en op het moment dat je tikt springt er een banner naar boven.

Je raakt per ongeluk een andere knop. Dat is een hoge CLS-score — en het is precies wat Google bestraft. Snelle verbeteringen: Geef afbeeldingen en video's altijd vaste afmetingen (width en height in de HTML).

Laad lettertypen met font-display: swap of beter nog, gebruik system fonts. En plaats advertenties of banners altijd in een vaste container met gereserveerde ruimte.

BRUTAEL merkt bij website-audits dat CLS-problemen bij MKB-sites vaak simpel op te lossen zijn — meestal gaat het om drie of vier aanpassingen in de template.

Meet je Core Web Vitals zelf (gratis)

Je hebt geen dure tools nodig. Start met deze drie:

  • Google Search Console — Het Core Web Vitals-rapport toont per URL of je goed scoort, op basis van echte gebruikersdata. Dit is de belangrijkste bron, want dit is precies wat Google gebruikt.
  • Google PageSpeed Insights — Geeft per pagina een analyse met zowel labdata als (als beschikbaar) field data. Ook krijg je concrete suggesties: "Comprimeer deze afbeelding", "Verwijder ongebruikte CSS", enzovoort.
  • Chrome DevTools — Voor wie wat dieper wil duiken. Open je website in Chrome, klik rechto op "Inspect", en onder het tabblad "Performance" zie je precies wat er gebeurt tijdens het laden.

Stap voor stap: zo verbeter je je Core Web Vitals

Geen zin om alles tegelijk aan te pakken? Begint met deze vijf stappen, van snel naar structureel:

  1. Check je huidige scores in Google Search Console. Identificeer de slechtst scorende pagina's — begin met je homepage, contactpagina en de pagina's met de meeste bezoekers.
  2. Comprimeer alle afbeeldingen tot onder de 200 KB. Gebruik WebP-formaat waar mogelijk. Dit alleen al kan je LCP met 1 à 2 seconden verbeteren.
  3. Schakel ongebruikte plug-ins en scripts uit. Elke plug-in die je niet actief gebruikt, is ballast. Verwijder hem volledig — niet alleen deactiveren.
  4. Zet caching aan en kies een hostingprovider met servers in Nederland of Duitsland. Voor Nederlandse MKB-websites maakt dit een merkbaar verschil in serverresponsietijd.
  5. Monitor wekelijks in Search Console. Na elke wijziging zie je binnen enkele dagen tot weken het effect op je field data.

Wat kost dit eigenlijk?

De meest impactvolle verbeteringen zijn gratis. Afbeeldingen comprimeren, plug-ins verwijderen, caching aanzetten — dat kun je zelf doen of in een paar uur laten doen.

Als je hosting moet upgraden, reken op €15 tot €50 per maand voor kwalitatieve Nederlandse hosting. Voor een volledige technische optimalisatie — bijvoorbeeld bij een oude WordPress-site met veel technische schuld — ligt de investering tussen de €500 en €2.000, afhankelijk van de complexiteit. Ter vergelijking: voor die laatste kun je al een paar maanden Google AdWords-advertenties draaien. De investering in Core Web Vitals werkt structureel — je betaalt een keer en profiteert er maanden tot jaren van.

Core Web Vitals als concurrentievoordeel

Het mooie van Core Web Vitals is dat het een speelveld is waarop MKB-bedrijven écht kunnen winnen.

Grote partijen hebben vaak ingewikkelde, zware systemen die lastig te optimaliseren zijn. Jij als kleiner bedrijf bent wendbaar. Je kunt binnen een week verbeteringen doorvoeren die direct merkbaar zijn in je Google-positie.

En laten we het hebben over de zorgsector, waar hartenzielmarketing.nl zich in beweegt. Ziekenhuizen, zorgverleners en zorginstellingen investeren massaal in patiënttevredenheid en persoonlijke aandacht.

Maar als hun website traag laadt of knoppen verspringen, is die investering grotendeels verspild.

De digitale ervaring moet meegenomen worden in die emotionele verbinding met de patiënt. Je Core Web Vitals optimaliseren is daar een fundamenteel onderdeel van. Dus: check je scores vandaag nog. Want je concurrent doet het misschien ook.


Eva de Wit
Eva de Wit
Healthcare marketeer en tekstschrijver

Eva schrijft al ruim vijf jaar marketingteksten voor huisartsenpraktijken en kleinschalige zorgaanbieders. Ze kent de uitdagingen van de praktijk omdat ze er regelmatig over praat met haar opdrachtgevers.

✓ Geverifieerd auteur ✓ Healthcare marketing met hart en ziel
Eva de Wit
Eva de Wit
Healthcare marketeer en tekstschrijver

Eva schrijft al ruim vijf jaar marketingteksten voor huisartsenpraktijken en kleinschalige zorgaanbieders. Ze kent de uitdagingen van de praktijk omdat ze er regelmatig over praat met haar opdrachtgevers.

Meer over Technische website performance

Bekijk alle 18 artikelen in deze categorie.

Naar categorie →
Lees volgende
Hoe je de laadtijd van je WordPress-website meet en verbetert in één dag
Lees verder →