Core Web Vitals: wat ze meten en hoe je ze verbetert
Core Web Vitals zijn meetwaarden voor laadsnelheid, responsiviteit en visuele stabiliteit. Google gebruikt ze als onderdeel van de signalen voor page experience, maar ze zijn geen snelle route naar een hogere positie. Relevante content en de rest van het zoeksysteem blijven belangrijk.
De drie huidige meetwaarden
Largest Contentful Paint (LCP) meet wanneer het grootste zichtbare contentelement klaar is met renderen. Een goede waarde is 2,5 seconden of minder.
Interaction to Next Paint (INP) meet hoe snel een pagina zichtbare feedback geeft na een interactie. Een goede waarde is 200 milliseconden of minder.
Cumulative Layout Shift (CLS) meet onverwachte verschuivingen in de layout. Een goede waarde is 0,1 of lager.
De aanbevolen beoordeling gebruikt voor elke meetwaarde het 75e percentiel van echte bezoeken. Mobiele apparaten en desktops worden waar mogelijk apart bekeken.
Praktijkdata en labtests
Praktijkdata komt van echte gebruikers en bevat verschillen in apparaten, netwerken en interacties. Deze gegevens zijn onder meer beschikbaar via het Chrome User Experience Report, PageSpeed Insights en Search Console, als een pagina of domein genoeg verkeer heeft.
Labtools zoals Lighthouse zijn nuttig om problemen in een gecontroleerde omgeving te onderzoeken. Ze helpen bij het reproduceren van problemen, maar één labscore vervangt geen praktijkdata.
LCP verbeteren
Begin bij het element dat als LCP-kandidaat wordt gemeld. Veelvoorkomende verbeteringen zijn een kortere serverresponstijd, voorrang geven aan de belangrijkste afbeelding, passende afbeeldingsformaten gebruiken en blokkerend werk bovenaan de pagina beperken.
INP verbeteren
Zoek naar lange JavaScript-taken en eventhandlers die te veel werk uitvoeren. Verminder onnodige code in de browser, splits zwaar werk op en geef direct zichtbare feedback als een verwerking langer duurt.
CLS verbeteren
Reserveer ruimte voor afbeeldingen, embeds en dynamische componenten. Voeg geen content boven de tekst toe die iemand al aan het lezen is. Stel ook het laden van lettertypen zo in dat tekst zo min mogelijk onverwacht van formaat verandert.
Meet opnieuw na elke relevante aanpassing. Het doel is niet een perfect label, maar een website die voor bezoekers snel laadt, vlot reageert en visueel stabiel blijft.