Core Web Vitals: enkel guide till LCP, INP och CLS (med åtgärder)
Publicerad
Core Web Vitals låter tekniskt, men handlar egentligen om tre enkla frågor: Syns något snabbt? Reagerar sidan när jag klickar? Hoppar innehållet omkring? Här är vad de betyder – och vad du gör åt dem.
LCP – hur snabbt syns huvudinnehållet?
Bra: under 2,5 sekunder på mobil. LCP mäter när det största elementet ovanför vecket är färdigladdat, oftast en hero-bild eller en rubrik.
Vanliga åtgärder
- Komprimera hero-bilden och leverera den i WebP eller AVIF.
- Ta bort lazy loading på just hero-bilden – den ska laddas först.
- Förladda typsnitt och använd
font-display: swap. - Minska antalet blockerande skript i sidhuvudet.
INP – hur snabbt svarar sidan på klick?
Bra: under 200 millisekunder. INP ersatte FID och mäter hela svarstiden vid interaktion, inte bara första klicket.
Vanliga åtgärder
- Rensa bland plugins och tredjepartsskript (chattar, popups, spårning).
- Ladda icke-kritisk JavaScript efter att sidan renderats.
- Undvik tunga animationer som körs vid varje skroll.
CLS – hoppar innehållet?
Bra: under 0,1. CLS mäter oväntade layoutförskjutningar – klassikern är när du ska trycka på en knapp och en bild plötsligt puttar ner den.
Vanliga åtgärder
- Ange alltid width och height (eller aspect-ratio) på bilder och videor.
- Reservera plats för annonser, banners och cookie-rutor.
- Undvik innehåll som injiceras högst upp efter laddning.
Var börjar du?
- Mät mobil först – det är där problemen finns.
- Åtgärda bilder. Det ger nästan alltid störst effekt per nedlagd timme.
- Rensa skript du inte längre använder.
- Mät igen och jämför.
Vill du se dina egna värden? Kör en gratis mätning i Hemsidekollen – du får LCP, INP och CLS för både mobil och dator, plus en prioriterad åtgärdslista och en PDF att ladda ner.