Kärnwebben Vitals
Core Web Vitals är Googles tre mätvärden för användarupplevelsen: LCP för laddning, INP för lyhördhet och CLS för visuell stabilitet.
Vad är Core Web Vitals?
Core Web Vitals är tre konkreta mätvärden som Google använder för att mäta den upplevda användarupplevelsen av en sida: LCP (Largest Contentful Paint) mäter hur snabbt huvudinnehållet läses in, INP (Interaction to Next Paint) mäter hur snabbt sidan svarar på klick och tryck, och ___2TO_TOKEN (Cumulative Layout Shift) mäter visuell stabilitet. INP ersatte den tidigare FID den 12 mars 2024. En sida passerar när LCP är 2,5 sekunder eller mindre, INP är 200 ms eller mindre och CLS är 0,1 eller mindre.
Varför spelar Core Web Vitals roll?
För en onlinebutik träffade poängen både slutresultatet och synlighet. Långsam LCP och tjatig INP på produkt- och samlingssidor ökar avhopp och lägre konvertering precis där kunden är närmast att köpa. Core Web Vitals matas också in i Googles sidupplevelsesignaler och kan fungera som en tiebreaker mellan annars lika starka resultat. Google bedömer poängen på fältdata från verkliga besökare (Chrome User Experience Report) vid 75:e percentilen, rapporterad separat för mobil och dator – så det är den långsammaste fjärdedelen av dina användare som avgör resultatet.
Vanliga användningsfall
- Diagnostisera en långsam produktsida med PageSpeed Insights eller rapporten Core Web Vitals i Search Console.
- Optimera LCP genom att komprimera hjältebilder, använda WebP och förladda den största bilden.
- Ta bort CLS som orsakas av banners, popup-fönster för cookies och typsnitt som ändrar layouten medan sidan laddas.
- Förbättrar INP genom att minska tung JavaScript från appar och tredjepartsskript.
- Dokumentera effekten av ett nytt tema eller en app för utvecklare eller ledning.
Shopify perspektiv
Shopify-teman börjar ofta starkt, men appar, chatbots och spårningsskript drar vanligtvis poängen nedåt. Mät alltid på riktiga webbadresser med fältdata snarare än ett enda labbnummer, och avinstallera appar som du inte längre använder. Lita på temats inbyggda lata laddning och Shopifys bild-CDN, och kom ihåg att popup-fönster och annonsbanners är de vanligaste orsakerna till dålig CLS i praktiken.