Core Web Vitals

Wat zijn Core Web Vitals?

Core Web Vitals zijn drie concrete statistieken die Google gebruikt om de waargenomen gebruikerservaring van een pagina te beoordelen: LCP (Largest Contentful Paint) meet hoe snel de hoofdinhoud laadt, INP (Interaction to Next Paint) meet hoe snel de pagina reageert op klikken en tikken, en CLS (Cumulative Layout Shift) meet de visuele stabiliteit. INP heeft op 12 maart 2024 de eerdere FID vervangen. Een pagina slaagt voor de test als de LCP 2,5 seconden of minder is, de INP 200 ms of minder is en de CLS 0,1 of minder is.

Waarom zijn Core Web Vitals belangrijk?

Voor een webshop hebben deze scores invloed op zowel de winst als de zichtbaarheid. Een trage LCP en een haperende INP op product- en collectiepagina’s verhogen het afhaakpercentage en verlagen de conversie precies daar waar de klant het dichtst bij een aankoop is. Core Web Vitals spelen ook een rol bij de page experience-signalen van Google en kunnen dienen als beslissende factor tussen overigens even sterke resultaten. Google beoordeelt de scores op basis van veldgegevens van echte bezoekers (het Chrome User Experience Report) bij het 75e percentiel, afzonderlijk gerapporteerd voor mobiel en desktop — het is dus het langzaamste kwart van uw gebruikers dat de uitkomst bepaalt.

Veelvoorkomende toepassingen

• Het diagnosticeren van een trage productpagina met PageSpeed Insights of het Core Web Vitals-rapport in Search Console.
• Het optimaliseren van de LCP door hero-afbeeldingen te comprimeren, WebP te gebruiken en de grootste afbeelding vooraf te laden.
• Het elimineren van CLS veroorzaakt door banners, cookie-pop-ups en lettertypen die de lay-out verschuiven terwijl de pagina laadt.
• Het verbeteren van de INP door zware JavaScript van apps en scripts van derden te verminderen.
• Het documenteren van de impact van een nieuw thema of een nieuwe app voor ontwikkelaars of het management.

Shopify-perspectief

Shopify-thema’s starten vaak sterk, maar apps, chatbots en trackingscripts trekken de scores meestal naar beneden. Meet altijd op echte URL’s met veldgegevens in plaats van een enkel laboratoriumgetal, en verwijder apps die u niet langer gebruikt. Vertrouw op de ingebouwde lazy loading van het thema en het beeld-CDN van Shopify, en onthoud dat pop-ups en advertentiebanners in de praktijk de meest voorkomende oorzaken zijn van een slechte CLS.