Emner / core-web-vitals
Core Web Vitals er Googles samlede navn for et sæt brugercentrerede målinger, hvor LCP (største synlige indhold), INP (respons efter interaktion) og CLS (layout-stabilitet) er de tre centrale signaler i praksis. Denne emneside samler alt vores indhold der hjælper dig med at forstå, måle og forbedre netop de målinger - både i Search Console og i udviklerværktøjer.
Mange oplever at lab-data og feltdata ikke matcher. Det er forventeligt, fordi de måler forskellige ting under forskellige betingelser. Vores indhold lægger vægt på at bruge feltdata til at vælge *hvad* der er vigtigst, og lab til at finde *hvorfor* på en konkret side. Du får både strategi og praktiske tjeklister, så du kan kommunikere klart med teknik og ledelse.
Forbedring af Core Web Vitals er sjældent ét quick fix. Det er ofte en kombination af billedoptimering, mindre render-blocking, bedre caching, mindre JavaScript på main thread og stabil typografi uden layout-hop. Guiderne på sitet er skrevet så du kan tage dem én ad gangen og måle effekten, i stedet for at sprede dig over ti halve initiativer.
Når du læser indhold under dette emne, kan du med fordel koble det til ordbogsider om LCP, INP og CLS, samt til emner som billeder, JavaScript og caching. Så bygger du både forståelse og handling - og du undgår at optimere til den forkerte metrik eller det forkerte publikum (fx kun desktop-lab, mens mobil-felt halter).
Husk at Core Web Vitals er ét vindue ind til brugeroplevelsen: gode tal udelukker ikke andre problemer, og dårlige tal betyder ikke automatisk katastrofal SEO. Brug signalerne til at finde reel teknisk gæld og til at sætte brugeren i centrum for prioriteringen.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Undgå CLS fra fonts - seneste guide i emnet
- Sådan prioriterer du hastighedsoptimering uden at spilde tid - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Guide
Undgå CLS fra fonts
Lær at undgå layout-hop (CLS) fra webfonts med font-display, fallback-strategi og korrekt preload. Guiden er til dig der vil have pæn typografi uden at ødelægge stabilitet.
Guide
Sådan fejlsøger du LCP fra start til slut
Følg en praktisk arbejdsgang til at finde årsagen til høj LCP, fra serverrespons og render blocking til billeder, prioritering og netværksrækkefølge.
Guide
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Guide
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Guide
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Guide
Forbedr LCP med billeder
Lær hvordan du forbedrer LCP ved at optimere hero-billedet med rigtige dimensioner, AVIF eller WebP, preload og korrekt responsive opsætning.
Guide
Forbedr INP ved at reducere JavaScript og lange tasks
Få bedre interaktivitet ved at trimme JavaScript, splitte bundles og fjerne lange tasks, der gør siden langsom at bruge.
Guide
Fix CLS
Lær hvordan du reducerer CLS med faste dimensioner, aspect ratio, stabile embeds og korrekt font loading, så siden ikke hopper under indlæsning.
Blogindlæg
Blog
Sådan prioriterer du hastighedsoptimering uden at spilde tid
Lær hvordan du prioriterer hastighedsoptimering rigtigt, så du starter med de ændringer der giver mest effekt på LCP, INP, CLS og TTFB.
Blog
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
Blog
Når PageSpeed score snyder
Forstå hvorfor en grøn score ikke altid betyder en hurtig hjemmeside, og lær hvad du i stedet skal kigge på, når brugerne stadig oplever siden som tung.
Blog
Cookie banner og Core Web Vitals
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
Blog
Hvad er Core Web Vitals? LCP, INP og CLS forklaret enkelt
Få en praktisk forklaring på LCP, INP og CLS. Lær hvad Core Web Vitals måler, hvorfor de betyder noget, og hvordan du kommer i gang.
Blog
INP vs FID
Lær hvorfor INP har erstattet FID, hvad forskellen betyder i praksis, og hvordan du finder og løser JavaScript-problemer, der gør siden tung at bruge.
Blog
Lighthouse vs CrUX
Forstå forskellen på Lighthouse og CrUX. Lær hvorfor labdata og feltdata kan vise noget forskelligt, og hvordan du bruger dem rigtigt.
Blog
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.