Core Web Vitals checklista
Använd denna checklista för att få kontroll på LCP, INP och CLS. Fokus är snabb mätning, tydliga åtgärder och uppföljning.
Core Web Vitals-checklistan hjälper dig få kontroll på LCP, INP och CLS genom att mata rätt med field data, optimera hero-bilder och JS, samt följa upp varje månad. Fokusera på de sidor som får mest trafik och knyt prestanda till SEO-resultat.
Vill du ha checklistan vid skärmen medan du optimerar? Ladda ner som PDF och dela med utvecklarteamet. Kontakta oss så skickar vi den.
1) Mät rätt först
- Field data (CrUX) visar verklig prestanda.
- Lighthouse används för felsökning.
- Följ upp på mall-sidor, inte bara startsidan.
| Signal | När den betyder mest | Första åtgärd |
|---|---|---|
| Field data | När du vill veta hur riktiga besökare faktiskt upplever sidan. | Prioritera sidor med mycket trafik och identifiera mönster per mall. |
| LCP | När första skärmen laddar långsamt eller hero-bilden är tung. | Optimera största bilden, preload där det behövs och kapa kritisk CSS. |
| INP | När klick, menyer eller formulär känns sega efter laddning. | Minska JS, defera tredjepart och dela upp tunga tasks. |
| CLS | När layouten hoppar runt under inladdning. | Reservera plats för bilder, banners och komponenter som injiceras senare. |
2) LCP – största innehållet
- Optimera hero-bilder (format, dimensioner).
- Fetchpriority på LCP-bilden.
- Critical CSS för första vyn.
3) INP – interaktivitet
- Minska JS och tredjepartsskript.
- Defer/async på allt icke-kritiskt.
- Undvik långa main-thread tasks.
4) CLS – layoutstabilitet
- Width/height på alla bilder och video.
- Reservera plats för banners och formulär.
- Undvik att injecta element ovanför content.
5) Uppföljning
- Logga förbättringar per mall-sida.
- Uppdatera checklistan varje månad.
- Knyt CWV till SEO- och KPI för förfrågningar.
Vanliga misstag
- Att optimera bara i Lighthouse.
- För stora hero-bilder utan dimensioner.
- För mycket tredjeparts-js.
Vanliga frågor
Vad ska man börja med i Core Web Vitals?
Börja med field data och de sidor som faktiskt får trafik. Det ger bättre prioritering än att bara optimera startsidan eller köra Lighthouse på en tom mall.
Hur vet man om LCP, INP eller CLS är största problemet?
LCP är ofta bild- eller serverrelaterat, INP handlar ofta om mycket JavaScript och CLS handlar oftast om element som flyttar sig när sidan laddar.
Ska man optimera i Lighthouse eller field data?
Field data visar verklig användarupplevelse och ska väga tyngst. Lighthouse är bra för felsökning och snabb kontroll, men är inte samma sak som riktiga användarmätningar.
Hur ofta bör Core Web Vitals följas upp?
Följ upp minst månadsvis, och oftare om ni gör större ändringar i design, bilder, script eller mallar.
Vi säkrar Core Web Vitals
Snabb laddning, stabilitet och bättre SEO i samma plan.