999tripleninedigital
Website & Techniek

Core Web Vitals uitleg: LCP, INP en CLS voor niet-techneuten

Core Web Vitals zijn drie meetbare prestatie-indicatoren die Google gebruikt om de gebruikerservaring van jouw website te beoordelen. Ze tellen mee als rankingfactor — ook voor lokale zoekresultaten in Zwanenburg, Haarlem en Noord-Holland. Een trage website verliest zichtbaarheid aan een snellere concurrent, ook al heb jij betere content.

6 min leestijdGepubliceerd op 25 maart 2026Samir El Ouariachi

De drie Core Web Vitals in één overzicht

Google heeft drie signalen gekozen die samen de gebruikerservaring samenvatten. Elk signaal meet een ander aspect van hoe een pagina aanvoelt voor de bezoeker.

MetricWat het meetGoedMatigSlecht
LCPLaadsnelheid zichtbare inhoud< 2,5 sec2,5 – 4 sec> 4 sec
INPReactiesnelheid op klikken< 200 ms200 – 500 ms> 500 ms
CLSVisuele stabiliteit layout< 0,10,1 – 0,25> 0,25

LCP: hoe snel laadt het belangrijkste element?

LCP staat voor Largest Contentful Paint. Het meet hoe lang het duurt voordat het grootste zichtbare element op de pagina geladen is. Dat is meestal een grote afbeelding, een hero-blok of een grote koptekst.

Wanneer LCP slecht is, heeft de bezoeker het gevoel dat de pagina 'vast hangt'. Hij ziet een lege of halfvolle pagina en wacht. Na een seconde of twee klikt een groot deel weg naar een concurrent. Dat verlies zie je terug in je bounce rate.

Praktische tips voor een betere LCP: gebruik moderne afbeeldingsformaten zoals WebP of AVIF. Voeg het attribuut priority toe aan de hero-afbeelding in Next.js. Gebruik een CDN voor snellere levering van bestanden. Vermijd het blokkeren van de render door grote CSS- of JavaScript-bestanden.

Gratis advies

Hulp nodig? Vraag een gratis SEO-scan aan.

Ik kijk persoonlijk naar jouw website en geef concrete feedback.

Gratis SEO-scan →

INP: hoe snel reageert je pagina op interacties?

INP staat voor Interaction to Next Paint. Het verving in 2024 de oude FID-metric en meet hoe snel de pagina visueel reageert wanneer een gebruiker iets doet — klikken op een knop, een menu openen of een formulier invullen.

Een INP boven de 200 milliseconden voelt voor gebruikers als 'traag'. Ze klikken op een knop en niets lijkt te gebeuren. Bij formulieren leidt dat tot frustratie en verlaten van de pagina. Bij een webshop kost het directe omzet.

Praktische tips voor betere INP: minimaliseer JavaScript dat de main thread blokkeert. Laad third-party scripts (chat, analytics, advertenties) asynchroon. Breek grote JavaScript-taken op in kleinere stukken. In Next.js helpt Server Components hierbij: zoveel mogelijk code aan de serverkant verwerken vermindert de client-side load.

CLS: springt je pagina bij het laden?

CLS staat voor Cumulative Layout Shift. Het meet hoeveel elementen op de pagina verschuiven nadat ze geladen zijn. Ken je dat fenomeen waarbij je op een link wil klikken en dan net op het verkeerde terechtkomt omdat een banner er tussenin laadde? Dat is een hoge CLS.

Een slechte CLS is irritant voor gebruikers en wordt door Google beschouwd als slechte gebruikerservaring. Oorzaken zijn meestal afbeeldingen zonder vaste afmetingen, advertenties die laden en ruimte innemen, of lettertypes die inwisselen nadat de pagina al zichtbaar is.

Praktische tips: geef elke afbeelding altijd een width en height attribuut mee. Reserveer ruimte voor advertenties en embeds voor ze laden. Gebruik font-display: swap of preload voor webfonts. In Next.js pakt het Image component dit automatisch af als je width en height invult.

Veelgestelde vragen

Wat is het verschil tussen PageSpeed Insights en Lighthouse?
Lighthouse is een open source tool die je lokaal in Chrome kunt draaien en die een gesimuleerde test uitvoert vanuit jouw apparaat. PageSpeed Insights gebruikt de Lighthouse-code maar voegt daar echte gebruikersdata aan toe vanuit het Chrome User Experience Report (CrUX). Dat is velddata van echte bezoekers. PageSpeed Insights is daarom betrouwbaarder voor je werkelijke Core Web Vitals score.
Hoe sterk tellen Core Web Vitals mee als rankingfactor?
Google heeft bevestigd dat Core Web Vitals een rankingfactor zijn, maar ze zijn niet de zwaarste. Content relevantie, autoriteit en backlinks wegen zwaarder. Core Web Vitals worden een tiebreaker: als twee pagina's vergelijkbaar scoren op inhoud, kan snelheid het verschil maken. Voor lokale SEO in Noord-Holland zijn ze minder dominant dan voor nationale zoektermen — maar een trage website geeft je concurrent in Haarlem of Zwanenburg een directe voorsprong.
Mijn score is rood in PageSpeed Insights maar mijn website voelt snel. Waarom?
Lighthouse test soms met een gesimuleerde trage verbinding en een minder krachtig apparaat. Jij test op jouw snelle laptop met glasvezel thuis. De score weerspiegelt de ervaring van een gemiddelde gebruiker op een gemiddeld apparaat met een gemiddelde verbinding. Dat is doorgaans strenger dan jouw eigen ervaring.

Meer over Website & Techniek

Website & Techniek

Schema markup: wat het is en waarom AI-zoekmachines het liefhebben

Schema markup is code die je aan je website toevoegt om zoekmachines en AI-systemen te vertellen wat de inhoud betekent. Voor een lokaal bedrijf in Zwanenburg of Haarlem is het het verschil tussen een zoekmachine die weet dat jij een schilder in Noord-Holland bent, of één die dat alleen kan raden uit je tekst.

Website & Techniek

Lighthouse 100/100: wat betekent het en hoe behaal je het?

Een Lighthouse-score van 100 op alle vier de categorieën is het technische ideaal voor een website. Voor MKB-bedrijven in Noord-Holland geldt: een score van 90+ geeft je een voorsprong op de meeste concurrenten in Zwanenburg, Haarlem en omgeving — want de meeste lokale websites scoren onder de 70. Maar wat betekent het en is een perfecte score echt noodzakelijk?

Website & Techniek

Wat kost een website laten maken in 2026? Eerlijke prijzen voor MKB

De prijs van een website loopt uiteen van €0 (een doe-het-zelf WordPress) tot tienduizenden euro's voor een maatwerk webapplicatie. Wat is eerlijk voor een MKB-bedrijf in Noord-Holland? In dit artikel leg ik het uit — zonder verborgen agenda.

Gratis advies

Wil je weten hoe jouw bedrijf scoort?

Ik doe een gratis SEO-scan van jouw website en Google Business Profiel en vertel je precies wat er beter kan.

Gratis SEO-scan aanvragen →

Actief in heel Noord-Holland

App mij!