Blog · Performance

Core Web Vitals i 2025 – sådan scorer du grønt i PageSpeed Insights

Praktiske forbedringer af LCP, INP og CLS – fra billedeoptimering og font-loading til JS-split, caching og hurtig hosting.

TL;DR

  • LCP < 2,5s: Komprimer hero-billeder, brug preload og moderne formater (WebP/AVIF).
  • INP: Minimer JS, split koden, udsæt 3. parts scripts og brug passiv event listeners.
  • CLS < 0,1: Reservér plads til billeder/ifram es (width/height), font-display: swap, undgå layout-jumps.
  • Serverhastighed: Hurtig hosting og caching CDN → bedre scores.
  • Mål løbende i PageSpeed Insights og Search Console (CWV-rapporten).

Hvad er Core Web Vitals?

Core Web Vitals er Googles sæt af brugercentrerede metrikker, der måler oplevet hastighed og stabilitet:

  • LCP (Largest Contentful Paint): hvor hurtigt det største synlige element loader.
  • INP (Interaction to Next Paint): hvor hurtigt siden reagerer på interaktioner.
  • CLS (Cumulative Layout Shift): hvor stabilt layoutet er under indlæsning.

1) LCP – gør det største element hurtigt

  • Komprimer hero-billeder (WebP/AVIF) og brug ret dimension.
  • Preload det vigtigste billede: <link rel="preload" as="image" href="/path.webp" imagesrcset="..." imagesizes="...">
  • Reducer CSS-blokering: kritisk CSS inline, resten udsættes.
  • Brug hurtig hosting og CDN.

2) INP – responsiv interaktion

  • Split store JS-bundles; indlæs kun det nødvendige pr. side.
  • Udsæt tunge 3. parts scripts, og brug defer.
  • Undgå lange main-thread tasks (>50 ms).
  • Brug passiv event listeners til scroll/touch.

3) CLS – stabilt layout

  • Angiv width/height på billeder, og reserver plads til embeds/iframes.
  • Brug font-display: swap og preconn ect til font-domæner.
  • Indsæt ikke DOM-elementer over eksisterende indhold, når siden er interaktiv.

4) Quick wins du kan lave i dag

  • Komprimer alle billeder > 200 KB → WebP/AVIF og lazyload.
  • Fjern ubrugte JS/CSS, og defer alt ikke-kritisk JS.
  • Cache statiske assets med lang max-age + immutable.
  • Brug systemfonte eller hostede fon te med swap.
  • Reducer antallet af 3. parts scripts.

5) Hosting & CDN

Serverhastighed har stor effekt på både LCP og INP. Vælg en hurtig hostingløsning, gerne med HTTP/2/3, SSD og god TTFB.

Sponsoreret anbefaling

Simply.com – hurtig hosting til bedre Web Vitals

Dansk hosting med SSD, høj oppetid og skarp support. Et solidt fundament for Core Web Vitals.

Se hosting hos Simply.com

6) Måling & monitorering

  • Brug PageSpeed Insights og Lighthouse til tests.
  • Tjek Core Web Vitals-rapporten i Search Console.
  • Overvåg SEO-fremgang med Morningscore (rankings, opgaver, ROI).
Sponsoreret anbefaling

Morningscore – følg effekten af dine forbedringer

Se udvikling i synlighed, opgaver og ROI på SEO – og track resultater, når du forbedrer Web Vitals.

Prøv Morningscore her

7) Tjekliste (printbar)

  • Hero-billede komprimeret + evt. preload
  • Lazyload billeder under folden
  • Fonts med font-display: swap
  • JS: split/def er/udsæt 3. parts
  • Statiske assets: lang cache
  • Reservér plads til embeds/iframes
  • Hurtig hosting/CDN

Klar til grønne scores?

Start med de største gevinster: billedoptimering, JS-oprydning og hurtig hosting.