Google Core Web Vitals, dit is wat je er absoluut over wil weten!

Google Core Web Vitals zijn statistieken die de laadsnelheid, de reactietijd en de lay-out stabiliteit meten tijdens het laden van een pagina. Het gaat om technische metingen die sterk van invloed zijn op de gebruikservaring van een website. Zoals we weten weegt de gebruikerservaring voor Google zwaar mee bij het samenstellen van rankings. Ook bijna alle websitegebruikers verwachten snelheid wanneer ze gebruikmaken van het WWW. ‘Snelheid’ maakt meer en meer onderdeel uit van de online gebruikservaring. Om de online ervaring van gebruikers te verbeteren, heeft Google de Core Web Vitals uitgebracht. Inzicht in de scores die Core Web Vitals aantonen, zijn erg nuttig omdat daarmee de prestatie van een website verbetert kan worden.

Waar gaat het om bij de Google Core Web Vitals?

Zoals gezegd gaat het om technische scores die te maken hebben met de laadsnelheid van een website en de stabiliteit van de website tijdens het laden. De scores worden samengeteld uit:

  • LCP: (largest Contentful Paint)
  • FID (First Input Delay)
  • CLS (Cumulative Layout Shift)

LCP (largest contentful paint)

Dit onderdeel van de Core Web Vitals meet de tijd die verstrijkt tussen het opvragen van een URL en de zichtbaarheid van het grootste inhoudselement. Meestal is dit een afbeelding of een video. De score geeft weer hoelang het duurt tot 75% van het grootste element is geladen.

FID (First Input Delay)

Dit onderdeel van de Core Web Vitals meet hoelang het duurt voor een bezoeker een eerste interactie kan uitvoeren op de pagina, nadat de URL is opgevraagd. Bij ‘interactie’ kun je denken aan het invoeren van inloggegevens, het invullen van een veld of een aanklikken van een button. Met andere woorden: FID geeft weer hoe snel een pagina actief gebruikt kan worden.

CLS (Cumulative Layout Shift)

Dit onderdeel van de Core Web Vitals geeft weer hoe stabiel een pagina geladen wordt. Wanneer een pagina laadt, hoe verhouden zich de verschillende lay-out elementen zich dan? Stel, de pagina is nog aan het laden, maar de button om in te loggen is al zichtbaar. Net wanneer je deze wilt aanklikken staat de button op een andere plaats. Pagina-elementen die zich tijdens het laden verschuiven ziet Google niet gebruiksvriendelijk.

Google Core Web Vitals 1

Het belang van een snelle website en de Google Core Web Vitals

Google probeert een aantal jaren het belang van paginasnelheid onder de aandacht te brengen. Onder andere door het uitbrengen van Pagespeed Insights en de mogelijkheid om pagina’s supersnel te laden via Acelerated Mobile Pages (AMP). Denk je dat het wel goed zit met de paginasnelheid van jouw website? De kans is groot dat je daarmee toch nog tot de minderheid behoort. In augustus 2020 gaf Google aan dat minder dan 15 procent van de websites een Core Web Vitals-test kon doorstaan. Sinds 2021 zijn volgens Google de Core Web Vitals een absolute kernfactor binnen SEO en beïnvloeden laadsnelheid, reactietijd en laadstabiliteit de indexering.

Waarom zijn paginaprestaties belangrijk voor Google?

Goede Core Web Vitals, met andere woorden: goede paginaprestaties, zijn waardevol voor bezoekers en daarmee voor Google. Het gaat hierbij om een kip-en-ei-situatie, dus laten we dit nader uitleggen. Wanneer een bezoeker een websitepagina oproept, maar het duurt relatief lang voor deze laadt, of de pagina laadt niet prettig, vraagt het veel van bezoekers om niet weg te klikken. Dat bezoekers ongeduldig zijn blijkt keer op keer uit studies. Websitepagina’s die voldoen aan de Core Web Vitals-indicaties hebben 24% minder kans dat bezoekers tijdens het laden van een pagina afhaken. Dit verlaagt de bounce rate (percentage bezoekers dat op je site landt en direct vertrekt), wat een van de factoren is voor een goede ranking.

Wat kan laad- en reactietijd van een website vertragen?

Nu je weet wat er met de Google de Core Web Vitals gemeten wordt, is het nog interessant wat de oorzaak kan zijn van slechte scores.

Google raadt aan om de LCP van een webpagina gedurende 75% van de paginaladingen onder de 2,5 seconden te houden. Een laadtijd tussen de 2,5 en 4 seconden is voor verbetering vatbaar, langer dan 4 seconden is een no go.

LCP score verlagen

Er kunnen verschillende oorzaken zijn voor een slechte LCP-score. Het kan variëren van een trage reactietijden van de server als gevolg van een slechte infrastructuur tot gebruik maken van grote afbeeldingen. Voor de LCP-score worden geen kilobytes en megabytes gemeten, maar de hoeveel ruimte die een afbeelding of video daadwerkelijk innemen. Dit geldt ook voor tekstruimte. CSS-elementen (opmaak) als marge of een rand, wordt niet mee-gemeten.

FID score verlagen

Google geeft als advies om de FID onder de 100 milliseconden te houden voor 75% van de paginaladingen. Er zijn verschillende factoren die verbetert kunnen worden om de tijd te verkleinen die een pagina nodig heeft totdat deze interactief is. Een score tot 100 ms krijgt een ‘goed’, 100 ms tot 300 ms krijgt de score ‘verbetering nodig’, en duurt het langer dan 300 ms geldt de score: ‘slecht’. Een veel voorkomende reden dat de FID-score niet optimaal is, komt door het openen van een nieuwe tabblad of overbodige JavaScript-code.

CLS score verlagen

De CLS-score (Cumulative Layout Shift) geeft inzicht lay-outverschuivingen tijdens het laden van een pagina. 0 staat voor géén verschuivingen en vandaaruit wordt de score verder opgebouwd. Tot 0,1 krijgt de kwalificatie ‘goed’, 0,1 tot 0,25 krijgt de kwalificatie ‘verbetering nodig’ en vanaf > 0,25 geldt ‘slecht’. O.a. Dimensies definiëren voor afbeeldingen en video’s en gebruikmaken van een container met een vaste afmeting, helpen te voorkomen dat lay-out verschuift.

Bovenstaande voorbeelden zijn slechts enkele toepassingen die gemaakt kunnen worden om optimale te scoren binnen de Google Core Web Vitals. Uiteindelijk zal voor elke score die verbetert kan worden een analyse gemaakt moeten worden wat de specifieke verbeterpunten zijn.

Google Core Web Vitals 2

Conclusie over het belang van Google Core Web Vitals 

De Google Core Web Vitals geven aan de hand van drie kerncijfers inzicht in de technische prestaties van een website. Deze kerncijfers zijn: LCP, FID en CLS. De score wordt weergeven per mobile device aangeven en kan dus verschillend zijn tussen bijvoorbeeld bestaan uit: ‘slecht’, ‘heeft verbetering nodig’, of ‘goed’. Wanneer de Core Web Vitals verbetert worden, verhoogt ook de betrokkenheid van gebruikers wat goed is voor de ranking. Technische performance zoals laadsnelheid tellen zwaar meer voor de Google ranking, maar zijn zeker niet de enige factoren van belang. SEO is en blijft een totaalpakket dat bestaat uit technische en inhoudelijke optimalisatie.

Heeft dit artikel je aan het denken gezet over de performance van de eigen website? Mail of bel ons voor het inplannen van een afspraak of een website-analyse. We helpen graag bij het wegnemen van knelpunten voor een optimaal presterende website.