Core Web Vitals: LCP, INP, CLS forklaret

Core Web Vitals er Googles sæt af brugeroplevelsesmålinger, der er blevet en officiel rankingfaktor. De tre metrikker — LCP, INP og CLS — måler henholdsvis indlæsningshastighed, interaktivitet og visuel stabilitet. Her får du en komplet gennemgang af hver metrik og konkrete tips til forbedring.

Hvad er Core Web Vitals?

Core Web Vitals er en del af Googles bredere Page Experience-signaler. De er designet til at måle den reelle brugeroplevelse på en webside og bruges som rankingfaktor i søgeresultaterne. Data indsamles fra rigtige Chrome-brugere via Chrome User Experience Report (CrUX).

Hvorfor er de vigtige for SEO?

Google har gjort det klart, at Page Experience — herunder Core Web Vitals — indgår i rangeringsalgoritmen. Sider med gode scores kan få en fordel over konkurrenter med dårlige scores, alt andet lige. Men det handler ikke kun om SEO: gode Core Web Vitals giver også lavere bounce rate og højere konvertering.

LCP: Largest Contentful Paint

LCP måler, hvor lang tid det tager, før det største synlige indholdselement er renderet i viewporten. Det kan være et billede, en video eller en stor tekstblok.

Hvad er en god LCP-score?

God: Under 2,5 sekunder
Behøver forbedring: 2,5–4,0 sekunder
Dårlig: Over 4,0 sekunder

Sådan forbedrer du LCP

Optimer og komprimer billeder med moderne formater som WebP eller AVIF
Brug en CDN til at reducere serverresponstid
Fjern render-blokerende CSS og JavaScript
Implementer preloading af det største element
Optimer serverens Time to First Byte (TTFB)

INP: Interaction to Next Paint

INP erstattede First Input Delay (FID) i marts 2024 og måler den samlede responsivitet for alle brugerinteraktioner på en side. INP registrerer forsinkelsen fra brugerens klik, tap eller tastetryk til næste visuelle opdatering.

Hvad er en god INP-score?

God: Under 200 millisekunder
Behøver forbedring: 200–500 millisekunder
Dårlig: Over 500 millisekunder

Sådan forbedrer du INP

Reducer lang-kørende JavaScript-tasks ved at bryde dem op
Brug requestIdleCallback og scheduler.yield() til at frigive main thread
Minimer tredjepartsscripts der blokerer interaktioner
Optimer event handlers og fjern unødvendig DOM-manipulation
Brug web workers til tunge beregninger

CLS: Cumulative Layout Shift

CLS måler den samlede mængde uventede layoutskift, der sker under en sides levetid. Layoutskift opstår, når synlige elementer flytter position uden brugerens interaktion.

Hvad er en god CLS-score?

God: Under 0,1
Behøver forbedring: 0,1–0,25
Dårlig: Over 0,25

Sådan forbedrer du CLS

Angiv altid bredde og højde på billeder og videoer
Reservér plads til annoncer og embeds med faste dimensioner
Undgå at indsætte indhold over eksisterende indhold
Brug font-display: swap med font preloading for at undgå layoutskift ved fontskift
Undgå dynamisk injiceret indhold der skubber eksisterende elementer

Sådan måler du Core Web Vitals

Der findes flere værktøjer til at måle og overvåge dine Core Web Vitals:

Google Search Console — viser Core Web Vitals-status for hele dit site
PageSpeed Insights — detaljeret analyse af individuelle sider
Chrome DevTools — Performance-panelet viser realtidsmålinger
Lighthouse — genererer en performance-rapport med forbedringsforslag
web-vitals JavaScript-bibliotek — mål CWV direkte i din kode

Ofte stillede spørgsmål

Hvor stor indflydelse har Core Web Vitals på rankings?

Core Web Vitals er en rankingfaktor, men de er ikke den vigtigste. Relevant indhold og stærke links vejer stadig tungere. CWV fungerer primært som en tiebreaker mellem ellers ligeværdige sider.

Skal jeg optimere for lab-data eller field-data?

Google bruger field-data (rigtige brugerdata fra CrUX) til ranking. Lab-data fra Lighthouse er nyttige til debugging, men det er field-data, der tæller. Fokuser på at forbedre de reelle brugeres oplevelse.

Hvad er forskellen på INP og den gamle FID-metrik?

FID målte kun forsinkelsen ved den første interaktion. INP måler alle interaktioner og rapporterer den værste (minus outliers). INP giver derfor et langt mere retvisende billede af sidens samlede responsivitet.

Kan dårlige Core Web Vitals forhindre indeksering?

Nej, Core Web Vitals påvirker ikke indeksering. De påvirker kun ranking. Selv sider med dårlige scores vil stadig blive indekseret og vist i søgeresultaterne.