IT Ordbog
Hvad er Core Web Vitals?
Core Web Vitals er Googles officielle målinger for brugeroplevelsen på en hjemmeside. De måler, hvor hurtigt indhold vises, hvor hurtigt siden reagerer på interaktion, og hvor visuelt stabil den er.
Hvad er Core Web Vitals?
Core Web Vitals er et sæt af tre performance-metrics defineret af Google, der måler reelle brugeroplevelser på hjemmesider. De er en officiel Google-rankingfaktor og udgør kernen i Googles Page Experience-signal. De tre metrics er: LCP (Largest Contentful Paint) — indlæsningshastighed, INP (Interaction to Next Paint) — interaktivitet, og CLS (Cumulative Layout Shift) — visuel stabilitet. Google måler disse metrics fra rigtige brugerdata via Chrome User Experience Report (CrUX).
De tre Core Web Vitals
LCP (Largest Contentful Paint): Måler hvor lang tid det tager at vise det største synlige element (typisk et billede eller en tekstblok). Mål: under 2,5 sekunder. INP (Interaction to Next Paint): Måler forsinkelsen mellem brugerinteraktion (klik, tryk) og den visuelle opdatering. Mål: under 200ms. CLS (Cumulative Layout Shift): Måler uventet forskydning af synlige elementer under indlæsning (f.eks. tekst der rykker sig, når en reklame indlæses). Mål: score under 0,1.
Sådan optimerer du Core Web Vitals
LCP-optimering: Optimer billeder (WebP-format, lazy loading, responsive sizes), brug SSR/SSG, reducer serverresponstid, eliminér render-blocking CSS/JS. INP-optimering: Minimér JavaScript-eksekvering, brug code-splitting, optimer event handlers, undgå lange tasks. CLS-optimering: Definer dimensioner på billeder/videoer, reservér plads til dynamisk indhold, undgå at indsætte indhold over eksisterende indhold. Next.js og React Server Components hjælper med alle tre metrics.
Hvorfor er Core Web Vitals vigtige?
Core Web Vitals er en direkte Google-rankingfaktor — sider med gode scores rangerer bedre i søgeresultaterne. Google Search Console viser dine Core Web Vitals data og markerer sider med problemer. Ud over SEO påvirker de direkte forretningsresultater: Amazon fandt at 100ms ekstra latency kostede 1% i salg. Hos Grumsen Development er Core Web Vitals en prioritet i alle projekter — vi bruger Next.js med SSR, billedoptimering og code-splitting for optimale scores.
