Core Web Vitals är tre mått som Google använder för att mäta sidupplevelsen. LCP mäter laddningshastighet. CLS mäter visuell stabilitet. INP mäter respons.
Varje mått mäter en egen sida av prestandan. Tillsammans ger de en bild av användarupplevelsen.
Largest Contentful Paint (LCP)
LCP mäter tiden tills huvudinnehållet har laddats. Huvudinnehållet är den största bilden eller textblocket på sidan. På startsidan är LCP hjältebilden. I en artikel är LCP rubriken och huvudbilden.
LCP mäts från att användaren klickar på länken tills huvudinnehållet syns på skärmen. Är LCP en sekund ser användaren huvudinnehållet en sekund efter klicket. Är LCP tre sekunder får användaren vänta tre sekunder.
Mål: LCP under två komma fem sekunder är bra. LCP mellan två komma fem och fyra sekunder behöver förbättras. LCP över fyra sekunder är dåligt.
Exempel: hjältebilden på startsidan är fem megabyte. Den tar tre sekunder att ladda ner. LCP är tre sekunder. Målet är två komma fem sekunder. Prestandan behöver förbättras.
Cumulative Layout Shift (CLS)
CLS mäter visuell stabilitet. Ett layoutskift uppstår när innehåll flyttar sig efter att sidan har laddats. Exempel: användaren börjar läsa en artikel. En annons laddas. Artikeln flyttas ned. Användaren tappar bort sig. Frustrerande.
CLS mäter det totala layoutskiftet. Flyttas innehållet ned tvåhundra pixlar ökar CLS. Flyttas innehållet flera gånger summeras CLS.
Mål: CLS under noll komma ett är bra. CLS mellan noll komma ett och noll komma två fem behöver förbättras. CLS över noll komma två fem är dåligt.
Exempel: en annons laddas efter att sidan har laddats. Annonsen tar trehundra pixlar i höjd. Innehållet under annonsen flyttas ned. CLS är noll komma femton. Behöver förbättras.
Interaction to Next Paint (INP)
INP mäter respons. Användaren klickar på en knapp. Systemet behandlar klicket. Uppdaterar sidan. Ritar ändringen på skärmen. INP är tiden från klick till synlig uppdatering.
INP är viktigt för interaktiva sidor (formulär, knappar, menyer). Mindre viktigt för statiska sidor (artiklar, bloggar).
Mål: INP under tvåhundra millisekunder är bra. INP mellan tvåhundra och femhundra millisekunder behöver förbättras. INP över femhundra millisekunder är dåligt.
Exempel: användaren klickar på knappen Lägg i varukorgen. Systemet behandlar begäran. Uppdaterar varukorgsräknaren. INP är trehundra millisekunder. Behöver förbättras.
Varför tre mått i stället för ett
Ett enda mått kan inte fånga användarupplevelsen. Laddningshastighet spelar roll (LCP). Visuell stabilitet spelar roll (CLS). Respons spelar roll (INP). En sida kan laddas snabbt men vara ostabil (högt CLS). Eller vara snabb och stabil men svara dåligt (högt INP). Tre mått tillsammans mäter kvaliteten på användarupplevelsen.
Verkligt exempel: Core Web Vitals i en webbutik
Utgångsläge
Utgångsläget för en produktsida i en webbutik:
LCP: två komma åtta sekunder (över målet på två komma fem). CLS: noll komma tolv (över målet på noll komma ett). INP: tvåhundratjugo millisekunder (över målet på tvåhundra).
Alla tre mått behöver förbättras.
Optimering
LCP: optimera hjältebilden, använd lazy loading för innehåll under första skärmen. Resultat: en komma åtta sekunder.
CLS: reservera plats för annonser, använd lazy loading för innehåll som inte är kritiskt. Resultat: noll komma noll fem.
INP: minimera JavaScript, optimera händelsehanterare. Resultat: hundraåttio millisekunder.
Alla tre mått når nu Googles gränser.
Så hänger Core Web Vitals ihop med användarupplevelsen
Bra LCP: användaren ser innehållet snabbt. Det känns responsivt.
Dålig LCP: användaren väntar på innehållet. Det känns långsamt.
Bra CLS: layouten är stabil. Användaren kan läsa utan att innehållet hoppar. Bekvämt.
Dålig CLS: layouten skiftar. Användaren tappar bort sig. Frustrerande.
Bra INP: användaren klickar på en knapp och ser svaret direkt. Det känns interaktivt.
Dålig INP: användaren klickar på en knapp och väntar på svar. Det känns trögt.
Bra Core Web Vitals ger en bra användarupplevelse. Dåliga Core Web Vitals ger en dålig användarupplevelse.
Så mäter du Core Web Vitals
Google mäter Core Web Vitals hos riktiga användare (real user monitoring). Labbverktyg som Lighthouse uppskattar Core Web Vitals men stämmer kanske inte med verklig användarupplevelse (nätverksförhållandena skiljer sig).
Kontrollera Core Web Vitals i Google Search Console. Google samlar in data från riktiga användare och visar om webbplatsen klarar gränserna (bra, behöver förbättras, dålig).
Kontrollera också i PageSpeed Insights. Lighthouse-poäng plus data från riktiga användare ur Googles databas.
Vanliga frågor
Vilken Core Web Vital är viktigast?
Alla tre spelar roll. Men LCP och CLS har oftast störst effekt. Om sidan laddas snabbt men layouten hela tiden skiftar blir upplevelsen dålig. Om sidan är stabil men svarar trögt är frustrationen mindre akut. LCP och CLS är oftast första och andra prioritet. INP är viktigt för interaktiva sidor men mindre kritiskt för statiskt innehåll. Med WEMASY webbplatsbyggare kan du ställa in det direkt på din webbplats.
Hur skiljer sig Core Web Vitals från andra prestandamått?
Core Web Vitals är mått med fokus på användarupplevelsen. De mäter det användarna märker. Andra mått (TTFB, FCP) är tekniska mått som är förutsättningar för bra Core Web Vitals men som inte direkt mäter användarupplevelsen. Förbättra de andra måtten som grund, men Core Web Vitals visar om grunden ger en bra upplevelse.
Kan vi ha bra prestandamått men dåliga Core Web Vitals?
Ja. En sida kan ha snabb TTFB men dålig LCP. En sida kan ha snabb FCP men dålig CLS. Tekniska mått är nödvändiga men inte tillräckliga för bra Core Web Vitals.
Ska vi optimera alla tre Core Web Vitals lika mycket?
Nej. Prioritera efter effekt. Mät nuläget. Om LCP är fyra sekunder men CLS är noll komma ett, börja med att förbättra LCP. De största gapen har störst effekt på användarna.
Är Core Web Vitals de enda mått Google bryr sig om?
Nej. Google mäter också mobilanpassning, HTTPS, säker surfning och störande helsidesannonser. Core Web Vitals är de mest synliga och de enklaste att påverka. Men hela sidupplevelsen innehåller fler faktorer. Optimera Core Web Vitals men ignorera inte andra rankingfaktorer.
Hur ofta uppdateras Core Web Vitals från riktiga användare i Google Search Console?
Dagligen. Google samlar in data från riktiga användare hela tiden. Core Web Vitals i Search Console uppdateras dagligen. Labbverktyg visar en mätning vid en viss tidpunkt. Följ data från riktiga användare i Search Console för löpande prestanda.