Wat zijn Core Web Vitals?
Kort gezegd geven core web vitals een indicatie van de gezondheid van je website. Deze zijn in het leven geroepen om het internet een gebruiksvriendelijkere plek te maken op basis van een aantal richtlijnen. Core Web Vitals zijn onderverdeeld in een aantal categorieën, namelijk:
- FID (First input delay): De tijd die de browser (en dus je website) er over doet voordat een gebruiker kan interacteren met de website zoals op een knop klikken of een invoerveld invullen. De score wordt bepaalt op basis van een ondergrens van 100 milliseconden. Alle tijd langer zorgt voor een lagere score.
- LCP (Largest contentful paint): De hoeveelheid tijd die verstrijkt voor het grootste element in de viewport geladen is vanaf het moment dat de gebruiker de pagina laadt. Deze score wordt bepaald op basis van een ondergrens van 2.5 seconden. Ook hiervoor geldt dat alles langer dan 2.5 seconde zorgt voor een lagere beoordeling.
- CLS (Cumulative layout shift): Deze metric bepaalt de mate van visuele stabiliteit terwijl je pagina laadt. Dit is belangrijk zodat de gebruiker een stabiele ervaring heeft als hij met de pagina wil interacteren. Een voorbeeld van een slechte CLS is het verspringen van knoppen op het moment dat een afbeelding er lang over doet om te laden.
Waarom zijn Core Web Vitals belangrijk?
Daar kan ik kort over zijn. Uit onderzoek blijkt dat betere Core Web Vitals ervoor zorgen dat gebruikers meer bereid zijn om tijd op je website door te brengen. Een aantal voorbeelden zijn:
- Als een website voldoet aan de Core Web Vitals drempelwaarden zijn gebruikers 24% minder geneigd de website vroegtijdig te verlaten
- Met elke 100 milliseconden verbetering van LCP heeft luxe detailhandelaar Farfetch een groei van conversie meegemaakt van 1.3%.
Hoe verhoudt de score zich tot vindbaarheid in Google?
Hoewel het voor de gebruikers van je website uiteraard beter is om hoog te scoren in de verschillende categorieën van Core Web Vitals, ligt dat voor Google net anders. De ondergenzen en bovengrenzen van de Core Web Vital categorieën worden bepaalt door echte data uit de praktijk. Voor iedere categorie gelden 3 bandbreedtes die gemarkeerd zijn met hun eigen kleur: rood, geel en groen. Wanneer je website al in het midden van de gele bandbreedte zit maakt het voor Google niet uit of je de LCP van 1.5 naar 1 seconde terugbrengt. Mocht je met een verbetering van het einde van de gele naar het begin van de groene bandbreedte verschuiven, dan hoef je voor Google niet verder te verbeteren. De verbeteringen die je doorvoert in de groene bandbreedte doe je dan puur voor je eindgebruikers.