Core Web Vitals: vad de är och hur ni fixar dem

Core Web Vitals är Googles sätt att mäta hur det känns att använda en sida. Är den snabb? Hoppar saker runt? Reagerar den när jag trycker? Tre mått, tre frågor.

De tre måtten

LCP, största innehållet laddat. Hur lång tid det tar tills det största elementet syns, ofta en bild eller en rubrik. Mål: under 2,5 sekunder.

INP, svarstid vid klick. Hur snabbt sidan reagerar när du trycker, skriver eller öppnar en meny. Mål: under 200 millisekunder. INP ersatte det gamla måttet FID.

CLS, hoppande layout. Hur mycket sidan flyttar sig medan den laddas. Du ska trycka på en knapp, en annons laddas in, och du trycker på något helt annat. Mål: under 0,1.

Läs mer om Core Web Vitals.

Spelar det någon roll för ranking?

Ja, men lagom. Det är en av många signaler. Bra värden gör inte en dålig sida bra. Men dåliga värden kostar besökare och konverteringar, oavsett vad Google tycker. Därför är det värt att fixa.

Var ser ni era värden?

• Search Console. Rapporten Core Web Vitals visar riktiga användare, uppdelat på mobil och dator.
• PageSpeed Insights. Klistra in en adress. Titta på fältdata högst upp först, labbdata därefter.
• Chrome DevTools. För den som vill gräva.

Fältdata är det som räknas. Labbdata är en gissning under idealiska förhållanden.

Värdena bedöms på den 75:e percentilen. Det betyder att tre av fyra besök ska klara gränsen. Verktygen delar in sidor i bra, behöver förbättras och dålig. Börja med de sidor som är dåliga och har mest trafik.

Vanliga orsaker och lösningar

Långsam LCP

• För stora bilder. Komprimera och använd moderna format som WebP eller AVIF.
• Ingen prioritet på huvudbilden. Förladda den, sätt fetchpriority="high" och använd inte lazy loading på den. Lazy loading är för bilder längre ner.
• Långsam server, alltså hög TTFB (tid till första byte). Bättre hosting, cache och CDN hjälper. Ingen bildoptimering räddar en server som är trög.
• Tunga teckensnitt. Ladda färre varianter.

Dålig INP

• För mycket JavaScript. Ta bort plugin och skript ni inte behöver.
• Tredjepartsskript som chattar, spårning och widgets. Granska dem ärligt.
• Tunga menyer och filter som körs på huvudtråden.
• Långa JavaScript-uppgifter. Dela upp dem, så att webbläsaren hinner svara på ett klick emellan.

Hög CLS

• Bilder utan angiven bredd och höjd. Sätt dem.
• Annonser och bannrar som dyker upp utan reserverad plats. Reservera plats.
• Cookie-banners som trycker ner innehållet. Låt dem ligga ovanpå.
• Teckensnitt som byter utseende när de laddas.

Ordning att jobba i

1. Mät mobil först. Där är värdena oftast sämst.
2. Fixa de sidor som har mest trafik.
3. Ta bort skript ni inte behöver innan ni optimerar de ni behöver.
4. Mät igen efter fyra veckor. Fältdata uppdateras långsamt.

Ett tips från verkligheten

Den vanligaste boven är sällan koden. Det är en 4 MB stor bild som någon la upp på startsidan. Börja där.

Behöver ni en genomgång? Det ingår i min tekniska SEO och i SEO-tjänsten. Kontakta mig.

Mer om SEO

• SEO: guiden för företag
• Så mäter ni SEO-resultat
• Vad gör en SEO-konsult?
• AI Overviews och SEO