Webperformance: Google stelt Interaction to Next Paint voor als nieuwe Core Web Vital-metric 

Laat ons eerst nog eens opfrissen wat Core Web Vitals precies zijn: Het is een set van maatstaven die Google gebruikt om de gebruiksvriendelijkheid en snelheid van een website zo objectief mogelijk te bepalen. We sommen de belangrijkste even op: 

• hoe snel laadt de webpagina? 

• hoe stabiel is de inhoud terwijl je door de pagina navigeert? 

• hoe snel kan je iets doen op de pagina nadat deze is geladen? 

 Google gebruikt hiervoor een hele reeks controles. De gewogen optelsom hiervan bepaalt de uiteindelijke Core Web Vitals-score van je website.  

Largest Contentful Paint, kortweg LCP, meet hoe lang het duurt voordat de ‘zwaarste’ content op een webpagina volledig geladen en zichtbaar is voor jou. Dit kan gaan over een afbeelding, een video of een groot stuk tekst. Hoe sneller deze content verschijnt, hoe beter je ervaring op die pagina waarschijnlijk zal zijn. Het is als wachten op de onthulling van een schilderij: hoe sneller je het volledig te zien krijgt, des te gelukkiger en meer betrokken je bent op de kijkervaring. 

FID (First Input Delay) meet hoe lang het duurt voordat een website reageert op iets dat je doet, zoals klikken op een link of een knop. Vergelijk het met een liftknop indrukken: FID meet hoe lang het duurt voordat de lift beseft dat je gedrukt hebt en in actie komt. Een snelle reactie zorgt voor een soepelere en fijnere ervaring, alsof de lift meteen reageert op je verzoek.

Stel je voor: je zit op een receptenpagina en klikt een ingrediëntenlijst open. Met een goede INP-score verschijnt die lijst haast onmiddellijk. Bij een website met een slechte INP-score is er vaak een merkbare vertraging voordat er iets gebeurt. Dit maakt voor een gebruiker het verschil tussen een responsieve en gebruiksvriendelijke website en één die voor frustratie en daarom ook voor een lager engagement zorgt.

Het gevoel van een vinnige website is al sinds de introductie van de Core Web Vitals een belangrijk criterium voor Google. Tot voor kort werd dit door de First Input Delay (FID) gemeten, maar dit systeem kende een aantal beperkingen.  

Het grootste verschil tussen FID en INP?  

• FID meet alleen de eerste interactie en hoe snel of traag de pagina daarop reageert. 

• INP houdt rekening met alle interacties op de pagina en beoordeelt de gehele cyclus van interacties en het hoe lang het daarna duurt vooraleer de pagina visueel verandert. 

 Een website kan in eerste instantie snel reageren (goede FID), maar als de volledige interactie traag is (slechte INP), ervaart de gebruiker nog steeds een vertraging en voelt de site ‘sloom’ aan. Om het voorbeeld van de liftknop te gebruiken: waar de FID bepaalt hoe snel je op de liftknop kunt drukken, bepaalt de INP hoe snel je kunt zien dat je op de knop hebt gedrukt. INP biedt dus een nauwkeurigere meting van de gebruikerservaring. Met de introductie van de INP-metric zal de oude FID-metric dan ook vervallen. 

Mensen verwachten alsmaar meer van een site. Het is dan ook essentieel om te blijven inzetten op een gebruiksvriendelijke website. Zo vermijd je frustraties bij je bezoekers en genereer je meer conversies. 

Ook niet onbelangrijk: Google gebruikt de Core Web Vitals-score als één van de criteria om de ranking van hun organische zoekresultaten te bepalen. Vermits de INP-score van je website de Core Web Vital-score beïnvloedt, is ze vanaf 12 maart één van de factoren die de ranking van je website ten opzichte van die van je concurrenten bepaalt. 

Een goede Core Web Vitals-score hangt van verschillende factoren af. Als algemene vuistregel houd je best rekening met het 75ste percentiel: tracht steeds bij de 25% beste leerlingen van de klas te zijn. En dat op vlak van de verschillende elementen. 

Concreet betekent dat op dit moment : 

• Largest Contentful Paint(LCP) onder 2,5 sec.- Bij een pagina met een goede LCP-score moet de belangrijkste inhoud van de pagina binnen 2,5 seconden na het laden zichtbaar zijn voor de gebruiker. Hoe sneller de LCP, hoe beter de score. 

• Interaction to Next Paint (INP) onder 200 milliseconden – Website met een goede INP-score reageren snel op de interacties van de gebruiker: meestal onder de 200 ms. Een lagere INP-waarde betekent een betere gebruikerservaring. 

• Cumulative Layout Shift (CLS) van 0,1 of lager- Een lage CLS-waarde zorgt voor een stabiele en voorspelbare gebruikerservaring: de elementen op de pagina verschuiven minimaal tijdens het laden.