Introducing van wie aan wat?
Core Web Vitals
Core Web Vitals zijn drie metrics die Google gebruikt om de real-world gebruikerservaring van een webpagina te meten:
Largest Contentful Paint (LCP): meet hoe lang het duurt voordat het grootste contentelement op een pagina is geladen.
Cumulative Layout Shift (CLS): meet de hoeveelheid onstabiliteit in de layout van een pagina.
First Input Delay (FID): meet hoe lang het duurt voordat een webpagina reageert op de eerste interactie van een gebruiker.
Google beschouwt Core Web Vitals als belangrijke factoren in zijn rankingalgoritme. Dit betekent dat pagina's met goede Core Web Vitals-scores waarschijnlijker hoger zullen scoren in zoekresultaten.
Naast verbeterde zoekrankings, kunnen Core Web Vitals ook leiden tot andere voordelen, waaronder:
Verhoogde betrokkenheid van gebruikers
Verminderde bounce rates
Hogere conversieratio's
Verbeterde merkreputatie
Interaction to Next Paint (INP)
Interaction to Next Paint (INP) is een webprestatiemetric die meet hoe snel een pagina reageert op gebruikersinteractie.
INP geeft aan hoe snel een webpagina reageert nadat je iets hebt aangeklikt of op een knop hebt getapt, inclusief hoe snel de browser begint met het tonen van wijzigingen na je actie. Dit omvat het verwerken van je klik, het uitvoeren van benodigde code en het updaten van de weergave van de pagina.
Het is een belangrijke metric omdat het meet hoe snel gebruikers kunnen interageren met een pagina zonder frustratie. Een pagina met een lage INP-score zal responsief en boeiend aanvoelen, terwijl een pagina met een hoge INP-score traag en onresponsief zal lijken.
Deze interacties worden gemeten door INP:
Muisklikken
Tikken op een apparaat met touchscreen
Een toets indrukken op een fysiek of schermtoetsenbord
INP meet geen hovering of scrollen, maar als je scrollt met toetsenbordknoppen (zoals spatiebalk of pagina omhoog/omlaag), telt dit als een toetsaanslag die andere gebeurtenissen kan activeren die INP wel meet.
Wat is een goede INP-score?
Het is lastig om responsiviteit te kwalificeren als 'goed' of 'slecht'. Streef naar een goede snelheid, maar houd rekening met verschillen tussen apparaten. Een realistisch doel is de 75e percentiel laadtijden van je pagina op zowel mobiel als desktop:
INP op of onder de 200 ms? Uitstekend.
INP tussen 200 en 500 ms? Tijd voor optimalisatie voor betere snelheid.
Boven 500 ms? Je pagina reageert slecht en heeft dringend een snelheidsboost nodig.
Het verschil tussen INP en FID?
First Input Delay (FID) meet de tijd voordat een webpagina reageert op de eerste interactie van een gebruiker.
Interaction to Next Paint (INP) meet hoe snel een webpagina reageert op gebruikersinteracties, inclusief de verwerkingstijd en de vertraging tot de volgende update.
FID meet alleen de eerste interactie, terwijl INP alle interacties meet, waardoor INP een completer beeld geeft van de responsiviteit van een webpagina. Daarom heeft Google aangekondigd dat INP FID zal vervangen als een Core Web Vital in maart 2024. INP biedt een uitgebreidere en betrouwbaardere maatstaf voor het meten van de responsiviteit van een webpagina.
Hoe je INP-score verbeteren
Je kunt verschillende dingen doen om je INP-score te verbeteren, waaronder het volgende:
Minimaliseer de uitvoeringstijd van JavaScript, de meest voorkomende oorzaak van hoge INP-scores.
Gebruik caching voor het opslaan van statische bronnen om de laadtijd van paginaresources te verminderen.
Vermijd langlopende taken die de hoofdthread kunnen blokkeren.
Gebruik een Content Delivery Network (CDN) om je resources sneller te leveren.
Wat zijn de key take-aways?
Interaction to Next Paint (INP) is een belangrijke nieuwe Core Web Vital die FID in maart 2024 zal vervangen, omdat het een uitgebreidere en betrouwbaardere maatstaf biedt voor de responsiviteit van webpagina's.
Het verbeteren van je INP-score kan leiden tot verbeterde gebruikerservaring, hogere betrokkenheid, lagere bounce rates, hogere conversieratio's, een betere merkreputatie en verbeterde zoekmachine rankings.
Als je serieus bent over het verbeteren van de gebruikerservaring op je website en het verhogen van je zoekmachine rankings, richt je dan op het verbeteren van je INP-score.
Hier zijn enkele extra tips voor het verbeteren van je INP-score:
Gebruik webprestatietesttools zoals PageSpeed Insights of Lighthouse om gebieden te identificeren waar je kunt verbeteren.
Optimaliseer je afbeeldingen.
Gebruik een font laadservice.
Verminder het aantal scripts van derden op je website.
Gebruik een lazy loading-bibliotheek om het laden van niet-kritieke bronnen uit te stellen.
Door deze tips te volgen, kun je je INP-score verbeteren en een responsievere en boeiendere gebruikerservaring voor je bezoekers creëren.
