Core Web Vitals

Core Web Vitals är Google-definierade prestandamätvärden som mäter användarupplevelse för laddningshastighet, interaktivitet och visuell stabilitet.

Vad är Core Web Vitals?

Core Web Vitals är tre prestandamått från Google som mäter hur snabbt en sida laddar, hur snabbt den svarar på klick och hur stabil layouten är under laddning. Google introducerade dem 2020 och gjorde dem till en rankningsfaktor i juni 2021.^[1]

En sida godkänns i Core Web Vitals-testet när 75 % eller fler av verkliga besök får resultatet "Bra" på alla tre mått.

Vilka är de tre Core Web Vitals-måtten?

Largest Contentful Paint (LCP) mäter laddningshastighet. Det spårar när det största synliga elementet (vanligtvis en hjältebild eller rubrik) är färdigrenderat.

Bra: 2,5 sekunder eller mindre
Behöver förbättras: 2,5 till 4,0 sekunder
Dåligt: över 4,0 sekunder

Interaction to Next Paint (INP) mäter responsivitet. Det ersatte First Input Delay (FID) i mars 2024. INP övervakar varje klick, tryck och tangentbordshandling under ett besök. Det rapporterar den långsammaste (eller näst långsammaste) svarstiden.^[2]

Bra: 200 millisekunder eller mindre
Behöver förbättras: 200 till 500 millisekunder
Dåligt: över 500 millisekunder

Cumulative Layout Shift (CLS) mäter visuell stabilitet. Det spårar hur mycket sidlayouten hoppar runt efter att den börjat ladda. Vanliga orsaker är bilder utan angivna dimensioner, annonser som trycker ner innehåll och typsnitt som byts ut efter initial rendering.

Bra: 0,1 eller mindre
Behöver förbättras: 0,1 till 0,25
Dåligt: över 0,25

Varför är Core Web Vitals viktiga?

Sökrankning. Google använder Core Web Vitals som en rankningssignal. Sidor som klarar alla tre mått får en liten men verklig fördel i konkurrensutsatta sökresultat.^[1]

Avvisningsfrekvens och intäkter. Långsammare laddningstider skjuter bort besökare. Googles forskning visar att en sekunds fördröjning i LCP kan ge mätbara tapp i konverteringsfrekvens, särskilt för e-handelssajter.^[3]

Användarupplevelse. Dåligt LCP gör att sidor känns långsamma. Högt CLS orsakar oavsiktliga klick när innehåll hoppar. Dåligt INP gör knappar oresponsiva. För en myndighetsportal eller en försäkringssida frusterar dessa problem användare och ökar supportsamtalen.

Compliance och tillgänglighet. Långsamma, instabila sidor skapar hinder för användare med äldre enheter eller långsammare uppkopplingar. Det drabbar oproportionerligt personer i landsbygdsområden och de som använder hjälpmedel. Innehållsteam och tillgänglighetsansvariga bör följa Core Web Vitals som en del av sina kvalitetsstandarder.

Hur mäter du Core Web Vitals?

Google Search Console visar fältdata från verkliga Chrome-användare för alla sidor med tillräcklig trafik. Det är den bästa källan för IT-team som övervakar sajtövergripande prestanda.

PageSpeed Insights ger både fältdata och labbdata för enskilda URL:er. Innehållsteam kan använda det för att kontrollera specifika sidor före och efter uppdateringar.

Lighthouse (i Chrome DevTools eller som kommandoradsverktyg) ger labbdata med detaljerade åtgärdsrekommendationer. Utvecklare använder det under byggen.

web-vitals JavaScript-biblioteket möjliggör mätning av verkliga användare inom din egen analys. Det är användbart för organisationer som vill ha Core Web Vitals-data i sina befintliga dashboards.

Hur förbättrar stora organisationer Core Web Vitals?

För sajter med tusentals sidor fokuserar förbättringar ofta på:

Komprimera och dimensionera bilder korrekt för att snabba upp LCP.
Ange bredd och höjd på alla bilder och annonser för att förhindra CLS.
Minska JavaScript-exekveringstid för att förbättra INP.
Använda ett CDN (Content Delivery Network) för att minska laddningstider globalt.

IT-team äger vanligtvis dessa optimeringar. Men innehållsteam spelar också en roll. Att ladda upp överdimensionerade bilder eller bädda in tunga tredjepartswidgetar kan omintetgöra tekniska förbättringar.

Så hjälper Askem

För stora organisationer som hanterar hundratals sidor hjälper det att spåra sidprestanda tillsammans med trafikmått i en enda dashboard. Analysplattformar som Askem kombinerar prestandadata med sidvisningar och engagemangsmått, så innehållsansvariga kan flagga laddningsproblem till IT utan att köra separata Lighthouse-granskningar. Kategoribaserad filtrering låter varje team fokusera på sin egen del av sajten.

Källor

Google Search Central — Understanding Core Web Vitals and Google Search: https://developers.google.com/search/docs/appearance/core-web-vitals
Google — Interaction to Next Paint (INP): https://web.dev/articles/inp
Google — The business impact of Core Web Vitals: https://web.dev/articles/vitals-business-impact