Webvitals, wat zijn dat?
Google identificeert webvitals als volgt:
“Core Web Vitals are a set of real-world, user-centered metrics that quantify key aspects of the user experience. They measure dimensions of web usability such as load time, interactivity, and the stability of content as it loads (so you don’t accidentally tap that button when it shifts under your finger – how annoying!)”.
Bron: https://developers.google.com/search/blog/2020/05/evaluating-page-experience
Google definieert drie metrics aan de hand waarvan ze user experience willen gaan meten.
- Largest contentful paint (LCP)
- First input delay (FID)
- Cumulative Layout Shift (CLS)
Largest contentful paint
First input delay
De first input delay meet de interactiviteit. Wil je een goede user experience bieden, dan moeten pagina’s een FID hebben van maximaal 100 milliseconden. Het gaat er bij de FID om hoe snel een website reageert op de eerste actie van een gebruiker. Een eerste actie kan bijvoorbeeld een klik zijn. Google beschrijft het zelf als volgt:
“It’s like measuring the time from ringing someone’s doorbell to them answering the door. If it takes a long time, there could be many reasons. For example, maybe the person is far away from the door or maybe they cannot move quickly. Similarly, web pages may be busy doing other work or the user’s device may be slow”.
Bron: https://developers.google.com/web/updates/2018/07/first-input-delay-in-crux?hl=fr
Cumulative layout shift
Waarom deze update?
Hoe kun je je goed voorbereiden op deze update?
Allereerst is het natuurlijk belangrijk om te weten hoe je er nu voorstaat. Sinds een tijdje kun je dit in de Google sitespeed test zien. De verschillende metrics worden bovenaan weergegeven. Let wel dat je voor elke pagina een aparte score krijgt. Heb je bijvoorbeeld een webshop check dan de home, categorie en home pagina’s. Zijn de scores slecht? Google heeft zelf al een aantal handleidingen gemaakt voor het optimaliseren van de webvitals. Deze vind je hier:
- Handleiding voor het optimaliseren van de LCP
- Handleiding voor het optimaliseren van de CLS
- Handleiding voor het optimaliseren van de FID