Core Web Vitals checklista

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.

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.