Core Web Vitals optimization: complete gids 2026
- cls
- core web vitals
- core web vitals optimization
- inp
- lcp
- page experience
- pagesnelheid
- website optimalisatie
Core web vitals optimization is het gericht verbeteren van laadsnelheid (LCP), responsiviteit (INP) en visuele stabiliteit (CLS) van je website. Google beoordeelt deze drie meetwaarden op het 75e percentiel. Alle drie moeten “goed” scoren. Betere waarden verlagen de bounce en verhogen doorgaans je conversie en zichtbaarheid.
Core web vitals optimization is voor Nederlandse ondernemers geen technisch detail meer, maar een directe factor voor omzet en vindbaarheid. In deze gids leggen we uit wat de drie meetwaarden precies zijn, welke drempelwaarden Google hanteert en hoe je ze verbetert zonder een developer te hoeven zijn.
We houden het praktisch. Je leert waar slechte scores meestal vandaan komen, wat een realistisch traject kost en wanneer je iets zelf kunt oplossen of beter kunt uitbesteden. Ook zetten we de zakelijke cijfers op een rij, zodat je een onderbouwde keuze maakt.
Een korte waarschuwing vooraf: core web vitals optimization is geen jacht op een perfecte score van 100. Dat cijfer is een prettige bonus, maar geen doel. Het doel is dat je echte bezoekers een snelle, stabiele site ervaren en dat je alle drie de meetwaarden op “goed” krijgt.
Bij Mobilions bouwen en optimaliseren we websites sinds 2016. We hebben inmiddels 250+ projecten opgeleverd voor 100+ klanten in 20+ landen. Die ervaring verwerken we in de concrete adviezen hieronder.
Core web vitals optimization: LCP, INP en CLS uitgelegd in drie kaarten
Wat zijn Core Web Vitals?
Core Web Vitals zijn drie meetwaarden waarmee Google de gebruikerservaring van een pagina meet. Ze draaien niet om mooie ontwerpen of slimme teksten, maar om hoe een pagina daadwerkelijk aanvoelt voor een echte bezoeker. Google beschrijft de meetwaarden officieel in de Web Vitals-documentatie op web.dev.

De eerste is LCP (Largest Contentful Paint). Dit meet de laadsnelheid: hoe lang duurt het voordat het grootste zichtbare element, meestal een grote afbeelding of kop, in beeld staat. Een goede LCP ligt onder de 2,5 seconden.
De tweede is INP (Interaction to Next Paint). Dit meet de responsiviteit: hoe snel reageert de pagina zichtbaar op een klik, tik of toetsaanslag. Een goede INP blijft onder de 200 milliseconden. INP verving First Input Delay als officiele meetwaarde.
De derde is CLS (Cumulative Layout Shift). Dit meet de visuele stabiliteit: springt de inhoud rond terwijl de pagina laadt. Denk aan een knop die verschuift net op het moment dat je erop wilt tikken. Een goede CLS blijft onder de 0,1.
Samen geven deze drie een eerlijk beeld van hoe soepel je site werkt. Ze vervangen geen goede content, maar ze bepalen wel of bezoekers blijven of afhaken.
De drempelwaarden: goed, matig en slecht op het 75e percentiel
Google werkt met drie categorieen per meetwaarde: “goed”, “verbetering nodig” en “slecht”. Het belangrijke detail is dat er niet naar het gemiddelde wordt gekeken, maar naar het 75e percentiel van je bezoekers.

Dat betekent dat 75 procent van de paginaweergaven de goede grens moet halen. Een snelle laptop met glasvezel maskeert dus niet de trage ervaring van een bezoeker met een goedkope telefoon op 4G. Google rekent je af op die bredere realiteit.
Voor LCP is onder 2,5 seconden goed, tussen 2,5 en 4 seconden verbetering nodig, en boven 4 seconden slecht. Voor INP is onder 200 milliseconden goed, tussen 200 en 500 verbetering nodig, en boven 500 slecht.
Voor CLS is onder 0,1 goed, tussen 0,1 en 0,25 verbetering nodig, en boven 0,25 slecht. De volgende infographic zet alle grenzen naast elkaar.
Core Web Vitals drempelwaarden: goed, matig en slecht per meetwaarde
Onthoud de kernregel: alle drie de meetwaarden moeten “goed” scoren op het 75e percentiel. Twee groene en een oranje betekent dat je pagina de test niet volledig doorstaat.
Waarom Core Web Vitals belangrijk zijn: SEO tie-breaker en omzet
Core Web Vitals zijn sinds juni 2021 een bevestigde Google-rankingfactor, als onderdeel van de page experience-signalen van Google. Toch is de nuance belangrijk voor een eerlijk verwachtingspatroon.
Ze werken vooral als een “tie-breaker”. Tussen twee pagina’s met vergelijkbare relevantie en autoriteit kan de snellere, stabielere pagina de bovenste plek pakken. Ze vervangen dus geen goede content, maar ze geven de doorslag wanneer de rest gelijk opgaat.
Belangrijker voor veel ondernemers is het effect op gedrag. Sites die alle drie de meetwaarden halen, zien volgens Google-onderzoek ongeveer 24 procent lagere bounce. Bezoekers die niet hoeven te wachten, blijven simpelweg vaker hangen.
Dat vertaalt zich ook naar verkoop. In een A/B-test van Vodafone Italie leidde een 31 procent snellere LCP tot 8 procent meer verkopen. Snelheid is dus geen kostenpost, maar een hefboom op je bestaande verkeer.
LCP verbeteren
LCP gaat over hoe snel het belangrijkste element in beeld komt. De grootste winst zit bijna altijd in de bovenkant van je pagina, het deel dat een bezoeker als eerste ziet.
Begin met het preloaden van je belangrijkste afbeelding, meestal de heldenafbeelding boven de vouw. Zo weet de browser meteen dat dit bestand prioriteit heeft en hoeft hij er niet naar te zoeken.
Zet vervolgens de kritieke CSS inline, direct in de HTML. De browser kan de zichtbare inhoud dan tekenen zonder eerst een apart stijlbestand op te halen. Dat scheelt kostbare milliseconden.
Preload ook je lettertypen en gebruik de instelling display swap. Dan zie je tekst direct in een reservelettertype, in plaats van een lege plek totdat het echte lettertype klaar is.
Overweeg tot slot server-side rendering en snelle hosting. Een pagina die kant-en-klaar van de server komt, laadt merkbaar sneller dan een pagina die de browser eerst helemaal moet opbouwen.
INP verbeteren: de meest gefaalde meetwaarde
INP is in 2026 de lastigste meetwaarde. Ongeveer 43 procent van de sites haalt de drempel van 200 milliseconden niet. De oorzaak is bijna altijd hetzelfde: te veel JavaScript.
Wanneer een bezoeker klikt, moet de browser die klik verwerken. Maar als de hoofdthread bezig is met zware scripts, moet de bezoeker wachten. Dat wachten voelt als een trage, haperende site.
Google bundelt de belangrijkste tips in zijn officiele INP-gids. De eerste stap is zware JavaScript opsplitsen en uitstellen. Laad alleen wat direct nodig is en stel de rest uit tot na de eerste interactie. Kleinere brokken code blokkeren de browser minder lang.
De tweede stap is het beperken van third-party scripts. Chatwidgets, trackers, A/B-testtools en socialmediaknoppen stapelen zich op. Elk script kost verwerkingstijd, ook als je het zelf nauwelijks gebruikt.
Kijk kritisch naar elk extern script en vraag je af of het echt bijdraagt aan omzet. In de praktijk kun je vaak een derde van de scripts schrappen zonder dat iemand het mist.
CLS oplossen
CLS is vaak de meest ergerlijke meetwaarde voor bezoekers en tegelijk de makkelijkst te repareren. Het probleem ontstaat wanneer de browser niet weet hoeveel ruimte een element gaat innemen.
De belangrijkste fix is eenvoudig: geef elke afbeelding, video, iframe en advertentieslot een expliciete breedte en hoogte. Dan reserveert de browser die ruimte meteen en verspringt de inhoud niet meer.
Advertenties en dynamische banners zijn een veelvoorkomende boosdoener. Reserveer een vaste plek voor het slot, ook als de advertentie later inlaadt. Zo valt de inhoud eromheen niet plotseling naar beneden.
Let ook op lettertypen die laat inladen en de tekst laten verspringen. Met een goede reservelettertype-instelling voorkom je die sprong. Kleine ingrepen leveren hier snel een groene score op.
Mobiel versus desktop
Google indexeert en beoordeelt primair de mobiele versie van je site. Toch kijken veel ondernemers vooral naar hoe hun site op de eigen laptop oogt. Dat geeft een vertekend beeld.
Een mobiele bezoeker heeft vaak een tragere processor, minder geheugen en een wisselende verbinding. Dezelfde pagina die op desktop vlot laadt, kan op een telefoon over de drempel schieten, vooral bij INP.
Test daarom altijd de mobiele scores apart. Grote afbeeldingen, zware sliders en overvolle menu’s tikken op mobiel harder aan. Wat op desktop soepel voelt, kan mobiel net “verbetering nodig” opleveren.
De praktische regel: optimaliseer voor de zwakste realistische situatie, niet voor je eigen apparaat. Haal je het op een gemiddelde telefoon, dan haal je het vrijwel overal.
Hoe meet je Core Web Vitals: lab versus veld
Er zijn twee soorten data en het verschil is cruciaal. Labdata komt van een gesimuleerde test in een gecontroleerde omgeving. Velddata komt van echte bezoekers die je site de afgelopen weken gebruikten.
Labtools zoals PageSpeed Insights en Lighthouse geven je een momentopname en concrete verbeterpunten. Ze zijn ideaal om te diagnosticeren en om na een aanpassing te controleren of iets werkt. Je kunt zulke performance-checks ook automatiseren in je CI/CD pipeline, zodat een regressie meteen zichtbaar wordt bij elke nieuwe release.
Velddata komt uit het Chrome User Experience Report (CrUX) en uit Google Search Console. Dit is de data die daadwerkelijk meetelt voor je ranking, want ze weerspiegelt echte gebruikers op echte apparaten.
Het belangrijkste inzicht: velddata weegt zwaarder dan labdata. Een perfecte labscore is mooi, maar als je echte bezoekers een trage ervaring hebben, telt dat. Gebruik labtools om te fixen en velddata om te oordelen.
Houd er rekening mee dat velddata een vertraging kent. Search Console en CrUX werken met een voortschrijdend venster van ongeveer 28 dagen. Na een verbetering zie je het effect dus niet meteen, maar pas na enkele weken volledig terug. Wees daar geduldig mee en meet consistent, zodat je conclusies op echte trends berusten en niet op ruis van een enkele dag.
Veelvoorkomende oorzaken van slechte scores
De meeste slechte scores zijn goed te herleiden en zakelijk herkenbaar. Ze ontstaan zelden door een enkel technisch defect en meestal door opgestapelde keuzes in de loop der tijd.
Zware WordPress-plugins zijn een klassieker. Elke plugin voegt code toe, en tien plugins samen kunnen een site flink vertragen. Vaak staan er functies aan die je nooit gebruikt.
Page builders zoals Elementor maken bouwen makkelijk, maar produceren regelmatig zware, opgeblazen code. Grote JavaScript-bundels en onnodige third-party scripts verergeren dat beeld.
Ook de basis speelt mee: goedkope of trage hosting, het ontbreken van een CDN en niet-geoptimaliseerde afbeeldingen. Een enkele foto van vijf megabyte kan je LCP in zijn eentje ruineren. Onze pagina over frontend-ontwikkeling gaat dieper in op deze technische keuzes.
Wat kost core web vitals optimization en zelf doen versus uitbesteden
Er is geen vast tarief, want de prijs hangt af van je uitgangspunt. Een site met een paar losse problemen vraagt een paar uur werk. Een verouderde site met tientallen plugins vraagt een grondiger traject.
Een aantal zaken kun je prima zelf. Afbeeldingen comprimeren, ongebruikte plugins verwijderen en width en height op afbeeldingen zetten zijn haalbare klussen met wat handigheid en tijd.
De diepere problemen zijn lastiger. Kritieke CSS inline zetten, JavaScript opsplitsen, server-side rendering opzetten en INP echt onder controle krijgen vraagt ervaring. Verkeerd ingrijpen kan je site zelfs breken.
Een eerlijke afweging: doe het laaghangend fruit zelf en schakel hulp in voor het structurele werk. Wie zijn tijd liever aan de eigen business besteedt, laat het hele traject uitbesteden. Overweeg je een nieuwe site, kijk dan naar website laten maken, waarin snelheid vanaf de basis is meegenomen.
Denk bij core web vitals optimization ook aan onderhoud. Scores zijn geen eenmalige klus: een nieuwe plugin, een extra trackingscript of een zware campagnepagina kan je waarden opnieuw laten zakken. Plan daarom periodiek een korte controle in, zeker na grote wijzigingen aan je site.
Vraag bij een offerte altijd naar de aanpak, niet alleen de prijs. Een goede partij meet eerst, legt uit welke fixes de meeste impact hebben en toont het resultaat in de velddata. Zo weet je zeker dat je betaalt voor merkbare verbetering en niet voor cosmetische labpunten.
De business case: bounce en conversie
Zet de techniek even opzij en kijk naar de cijfers die een ondernemer raken. Snelheid en stabiliteit zijn geen doel op zich, maar een middel om meer uit je bestaande verkeer te halen.
Sites die alle drie de meetwaarden halen, zien ongeveer 24 procent lagere bounce. Minder mensen haken af voordat ze ook maar iets van je aanbod hebben gezien. Dat is verkeer waar je al voor betaalt.
De Vodafone-test liet zien dat 31 procent snellere LCP tot 8 procent meer verkopen leidde. Vertaal dat naar je eigen omzet en de investering in optimalisatie verdient zich vaak snel terug.
Belangrijk is dat dit effect stapelt met je marketing. Elke euro die je in advertenties of SEO steekt, rendeert beter op een site die bezoekers niet wegjaagt. Snelheid is de vermenigvuldiger onder je hele online inspanning.
Reken het eens door voor je eigen situatie. Stel dat je maandelijks duizend bezoekers via advertenties binnenhaalt en de bounce daalt merkbaar, dan bereiken meer mensen je aanbod zonder dat je extra advertentiebudget uitgeeft. Dat is precies waarom veel ondernemers de investering in core web vitals optimization terugverdienen op bestaand verkeer.
Hoe Mobilions helpt
Wij benaderen core web vitals optimization niet als een losse trucendoos, maar als onderdeel van een gezonde, snelle website. We beginnen met meten: waar zitten de echte problemen in de velddata en wat kost het meeste bezoekers.
Daarna pakken we de fixes met de hoogste impact eerst aan, van afbeeldingen en fonts tot JavaScript en hosting. We zijn eerlijk over wat wel en niet realistisch is, en over wat een aanpassing oplevert.
Sinds 2016 hebben we 250+ projecten opgeleverd voor 100+ klanten in 20+ landen. Die ervaring zetten we in om jouw scores duurzaam groen te krijgen, zonder je site te breken.
Wil je weten waar jouw site staat en wat er te winnen valt? Plan een kennismakingsgesprek en we kijken vrijblijvend mee. Voor de bredere techniek achter snelle interfaces is ook onze vergelijking van React en Angular nuttige achtergrond.
Belangrijkste punten
- De drie meetwaarden: LCP (laadsnelheid, goed onder 2,5 s), INP (responsiviteit, goed onder 200 ms) en CLS (visuele stabiliteit, goed onder 0,1).
- 75e percentiel: alle drie moeten “goed” scoren voor 75 procent van je bezoekers, niet gemiddeld.
- Rankingfactor: sinds juni 2021 bevestigd, maar vooral als tie-breaker. Content blijft eerst.
- INP is het zwaarst: circa 43 procent van de sites zakt hierop, meestal door te veel JavaScript.
- Zakelijke winst: alle drie halen geeft ongeveer 24 procent lagere bounce; snellere LCP kan de verkoop meetbaar verhogen.
- Velddata telt: labtools om te fixen, CrUX en Search Console om te oordelen.
- Realistisch doel: een perfecte 100 is niet nodig; groen op alle drie de meetwaarden wel.
Veelgestelde vragen
Wat zijn Core Web Vitals en waarom zijn ze belangrijk?
Core Web Vitals zijn drie meetwaarden voor gebruikerservaring: LCP (laadsnelheid), INP (responsiviteit) en CLS (visuele stabiliteit). Ze zijn belangrijk omdat Google ze meeweegt in de ranking en omdat een snelle, stabiele site aantoonbaar minder bezoekers verliest en meer omzet oplevert.
Wat is een goede Core Web Vitals-score?
Een goede score betekent LCP onder 2,5 seconden, INP onder 200 milliseconden en CLS onder 0,1. Google beoordeelt dit op het 75e percentiel van je bezoekers. Alle drie de meetwaarden moeten tegelijk “goed” zijn; twee groene en een oranje is niet voldoende voor een geslaagde test.
Krijg ik betere Google-rankings met betere Core Web Vitals?
Meestal indirect. Core Web Vitals zijn sinds 2021 een bevestigde rankingfactor, maar werken als tie-breaker tussen pagina’s van vergelijkbare relevantie. Ze vervangen geen goede content. Verwacht dus geen wonder puur door snelheid, maar wel een voordeel wanneer je concurrentie inhoudelijk gelijkwaardig is.
Mijn site zakt voor de test, wat nu?
Begin met meten via PageSpeed Insights en Search Console, zodat je weet welke meetwaarde faalt en waarom. Pak daarna de fixes met de hoogste impact eerst aan, zoals afbeeldingen en JavaScript. Zit het dieper, schakel dan een specialist in voordat je ingrepen je site breken.
Heeft mijn kleine bedrijf goede Core Web Vitals echt nodig?
Ja, juist een klein bedrijf profiteert. Je hebt vaak minder verkeer, dus elke bezoeker telt zwaarder. Een trage site jaagt potentiele klanten weg voordat ze je aanbod zien. Goede Core Web Vitals houden dat verkeer vast en maken je marketinguitgaven rendabeler, ongeacht je bedrijfsgrootte.
Wat kost Core Web Vitals-optimalisatie?
Dat hangt af van je uitgangspunt. Een paar losse fixes vragen enkele uren, terwijl een verouderde site met veel plugins een groter traject vraagt. Vraag altijd eerst een meting aan, zodat je betaalt voor gerichte verbeteringen en niet voor werk dat weinig impact heeft op je scores.
Zelf doen of iemand inhuren?
Het laaghangend fruit kun je zelf: afbeeldingen comprimeren, ongebruikte plugins verwijderen en width en height instellen. Structureel werk zoals kritieke CSS, JavaScript opsplitsen en INP verbeteren vraagt ervaring. Een verstandige aanpak is de simpele klussen zelf doen en het technische deel uitbesteden.
Wat is INP en waarom faalt mijn site erop?
INP (Interaction to Next Paint) meet hoe snel je pagina zichtbaar reageert op een klik of tik. Ongeveer 43 procent van de sites faalt hierop, bijna altijd door te veel of te zware JavaScript. Splits scripts op, stel ze uit en beperk third-party code om INP onder 200 milliseconden te krijgen.
Wat is CLS en hoe los ik het op?
CLS (Cumulative Layout Shift) meet hoeveel de inhoud verspringt tijdens het laden. Je lost het meestal snel op door elke afbeelding, video, iframe en advertentieslot een vaste breedte en hoogte te geven. Zo reserveert de browser ruimte en springt de inhoud niet meer rond onder de vinger van de bezoeker.
Waarom is mijn mobiele site trager dan desktop?
Mobiele apparaten hebben vaak een tragere processor, minder geheugen en een wisselende verbinding. Zware afbeeldingen en scripts tikken op mobiel harder aan. Omdat Google primair de mobiele versie beoordeelt, moet je juist daar optimaliseren. Test altijd op een gemiddelde telefoon, niet alleen op je eigen laptop.
Levert een snellere site echt meer bezoekers en omzet op?
Ja, dat is meetbaar. Sites die alle drie de meetwaarden halen, zien ongeveer 24 procent lagere bounce. In een test van Vodafone Italie leverde 31 procent snellere LCP 8 procent meer verkopen op. Snelheid vergroot het rendement van je bestaande verkeer en marketing.
Hoe meet ik mijn Core Web Vitals (gratis tools)?
Gebruik gratis Google-tools. PageSpeed Insights en Lighthouse geven labdata met concrete verbeterpunten. Google Search Console en het Chrome User Experience Report tonen velddata van echte bezoekers. Die velddata telt mee voor je ranking, dus gebruik de labtools om te repareren en de velddata om te oordelen.

Tushar Patel is a software and AI strategist at Mobilions in Amstelveen, with 10+ years helping businesses build custom software, mobile apps and AI solutions. He writes practical, senior-level guides on development, hiring, and scaling products.