Core Web Vitals verbeteren: snelheid die je omzet en SEO bepaalt

Wat zijn Core Web Vitals?

Core Web Vitals zijn drie metrics waarmee Google de gebruikerservaring van een webpagina meet. Ze kijken niet naar de inhoud, maar naar hoe je site aanvoelt.

Laadt de content snel, reageert de pagina vlot op klikken, en blijft alles op zijn plek tijdens het laden? Samen vormen ze een objectief oordeel over de snelheid en stabiliteit van je website.

Sinds Google deze metrics als rankingfactor gebruikt, zijn ze niet langer alleen een zaak voor techneuten. Ze raken direct je SEO en daarmee je vindbaarheid.

De drie metrics uitgelegd

LCP: Largest Contentful Paint

LCP meet hoe snel het grootste zichtbare element geladen is, meestal een grote afbeelding of een blok tekst. Een goede LCP-score is onder de 2,5 seconden.

Een trage LCP komt bijna altijd door zware afbeeldingen, langzame hosting of te veel JavaScript dat eerst geladen moet worden. De browser moet dan te veel doen voordat het belangrijkste in beeld komt.

INP: Interaction to Next Paint

INP meet de interactiviteit: hoe snel je pagina reageert nadat een gebruiker klikt of een menu opent. Een goede INP-score is onder de 200 milliseconden.

INP is sinds maart 2024 de officiële opvolger van First Input Delay (FID). Waar FID alleen naar de eerste interactie keek, meet INP de reactiesnelheid gedurende het hele bezoek.

Een slechte INP wordt vrijwel altijd veroorzaakt door zware JavaScript die de main thread van de browser bezet houdt. De browser kan dan niet op tijd reageren op de gebruiker.

CLS: Cumulative Layout Shift

CLS meet de visuele stabiliteit: schuift de inhoud onverwacht op tijdens het laden? Een goede CLS-score is onder de 0,1.

Je kent het gevoel: je wilt op een knop klikken, er laadt nog een afbeelding boven, en je klikt ineens op iets anders. Dat ontstaat door afbeeldingen zonder vaste afmetingen, late advertenties of lettertypen die laat inladen.

Waarom Core Web Vitals belangrijk zijn

Er zijn twee redenen, en ze versterken elkaar: de gebruiker en Google. Een snelle, stabiele site houdt bezoekers vast, terwijl vertraging mensen wegjaagt.

Hoe hard dat telt, laten de cijfers zien. Volgens onderzoek van Google verlaat 53 procent van de mobiele bezoekers een site die langer dan 3 seconden laadt.

En snelheid raakt je omzet direct. Uit het onderzoek "Milliseconds Make Millions" van Deloitte bleek dat een verbetering van slechts 0,1 seconde in laadtijd de conversie in retail met 8,4 procent verhoogde.

Google beoordeelt je bovendien op echte bezoekersdata uit het Chrome User Experience Report. Het gaat dus niet om een score in een testomgeving, maar om de ervaring van je echte publiek.

Hoe je je Core Web Vitals meet

Je hoeft niet te gissen. Drie betrouwbare, gratis tools laten je precies zien waar je staat.

• Google PageSpeed Insights: voer je URL in en je krijgt labdata en echte bezoekersdata, met per metric een score en verbeterpunten.
• Lighthouse: ingebouwd in Chrome, ideaal om tijdens het bouwen snel te testen.
• Google Search Console: onder Core Web Vitals zie je hoe al je pagina's het doen op basis van echte data, gegroepeerd per probleem.

Kijk altijd naar de data van echte gebruikers, niet naar één losse test. Eén meting kan meevallen of tegenvallen, maar de trend over tijd vertelt het echte verhaal.

Je Core Web Vitals verbeteren

LCP sneller maken

Verklein de hoeveelheid werk die de browser moet doen voordat het belangrijkste zichtbaar is.

• Optimaliseer je afbeeldingen: gebruik moderne formaten zoals WebP, comprimeer ze en serveer nooit een grotere afbeelding dan nodig.
• Kies snelle hosting: een trage server vertraagt alles, en dat is geen plek om op te bezuinigen.
• Gebruik caching, zodat de pagina niet bij elk bezoek opnieuw wordt opgebouwd.
• Verminder blokkerende code en stel niet-essentiële CSS en JavaScript uit.
• Zet lazy loading in voor afbeeldingen buiten beeld.

INP verlagen

INP draait om één ding: de main thread vrij houden zodat de browser snel kan reageren.

• Verwijder JavaScript die je niet gebruikt, vaak restanten van oude plugins.
• Stel tracking, chatwidgets en dergelijke uit tot de pagina bruikbaar is.
• Hak zware taken op zodat de browser er tussendoor op klikken kan reageren.
• Wees kritisch op plugins, want elke plugin voegt code toe.

CLS voorkomen

Voorkom dat er iets verspringt nadat de pagina zichtbaar is geworden.

• Geef afbeeldingen en video's vaste afmetingen, zodat de browser de ruimte alvast reserveert.
• Reserveer plek voor advertenties en embeds, zodat ze de rest niet wegduwen.
• Laad lettertypen slim, zodat tekst niet verspringt als het echte lettertype binnenkomt.
• Voeg geen nieuwe content in boven bestaande content nadat de pagina al zichtbaar is.

Groene Core Web Vitals zijn op een goed gebouwde site geen apart project. Ze zijn simpelweg het gevolg van goed werk.

De eerlijkheid gebiedt te zeggen dat deze verbeteringen achteraf vaak lastig zijn, omdat de oorzaak diep in de bouw zit. Daarom lever ik elke site op met bewijs uit PageSpeed Insights en Lighthouse, zwart op wit. Meer weten? Lees over kwaliteit en vindbaarheid.

Wat een trage site je echt kost

Snelheid voelt abstract tot je het omrekent naar geld. Een trage site kost je op drie plekken tegelijk.

Ten eerste bezoekers: wie te lang wacht, haakt af voordat je pagina geladen is. Die klik heb je vaak betaald, maar de bezoeker zie je nooit.

Ten tweede conversie: ook wie blijft, koopt minder snel op een site die stroef aanvoelt. Elke seconde vertraging drukt je omzet.

Ten derde vindbaarheid: omdat Google snelheid meeweegt, kost traagheid je posities, en daarmee bezoekers die je concurrent wel binnenhaalt.

Die drie versterken elkaar. Een snelle site trekt meer bezoekers, houdt ze langer vast en zet ze vaker om in een klant.

Labdata versus velddata

Bij het meten stuit je op twee soorten data, en het verschil is belangrijk. Labdata komt uit een test in een gecontroleerde omgeving.

Velddata komt van je echte bezoekers, met hun eigen apparaten en verbindingen. Google beoordeelt je op die velddata, niet op de labtest.

Gebruik labdata om tijdens het bouwen snel te testen, en velddata om te zien wat je publiek echt ervaart. Een groene labscore is mooi, maar het is de veldscore die je ranking bepaalt.

Daarom kijk ik altijd naar de trend in de velddata over meerdere weken. Eén meting is een momentopname, de trend is het echte verhaal.

Snelheid is nooit klaar

Een groene score is geen eindpunt. Je voegt content toe, installeert een tool of plaatst een video, en zonder aandacht sluipt de traagheid er weer in.

Houd je Core Web Vitals daarom in de gaten, bijvoorbeeld met Search Console. Klein onderhoud voorkomt dat je over een half jaar opnieuw fors moet ingrijpen.

Kernpunten

• Streef naar LCP onder 2,5 s, INP onder 200 ms en CLS onder 0,1.
• Snelheid raakt zowel je rankings als je conversie direct.
• Meet op echte bezoekersdata en bouw de snelheid vanaf de basis in.