Core Web Vitals er Googles tre nøglemålinger for brugeroplevelsen på en hjemmeside: indlæsningshastighed (LCP), interaktivitet (INP) og visuel stabilitet (CLS).
Core Web Vitals er et sæt af tre specifikke performance-målinger, som Google bruger til at vurdere brugeroplevelsen på jeres hjemmeside. De indgår som en rankingfaktor i Googles algoritme og måler henholdsvis, hvor hurtigt det primære indhold vises (Largest Contentful Paint — LCP), hvor responsiv siden er over for brugerinteraktioner (Interaction to Next Paint — INP), og hvor stabilt layoutet er under indlæsning (Cumulative Layout Shift — CLS). Siden deres lancering i 2020 har Core Web Vitals fundamentalt ændret, hvordan webudviklere og marketingfolk prioriterer teknisk performance. Google rapporterer, at sites der består alle tre Core Web Vitals-tests, har 24 % færre brugerafgang under sideindlæsning.
LCP (Largest Contentful Paint) måler den tid, det tager for det største synlige element — typisk et hero-billede, en video-thumbnail eller en stor tekstblok — at blive renderet. Google anbefaler en LCP på under 2,5 sekunder, og alt over 4 sekunder betragtes som dårligt. De hyppigste årsager til høj LCP er langsomme serverresponstider, render-blocking JavaScript og CSS, ukomprimerede billeder og manglende prioritering af above-the-fold-indhold. INP (Interaction to Next Paint) erstattede FID (First Input Delay) som officiel Core Web Vital i marts 2024 og måler den samlede responsivitet ved brugerinteraktioner som klik, taps og tastetryk. En god INP er under 200 millisekunder, og den fanger hele interaktionslatensen — ikke kun den første inputforsinkelse. CLS (Cumulative Layout Shift) måler, hvor meget indholdet 'hopper' under indlæsningen — f.eks. når en annonce, et billede uden dimensioner eller en dynamisk injektion skubber teksten ned. En CLS-score under 0,1 betragtes som god.
Core Web Vitals er ikke blot en teknisk øvelse — de har direkte indflydelse på jeres forretningsresultater. Googles egen research viser, at en forbedring af LCP med 100 millisekunder kan øge konverteringsraten med op til 0,6 % for detailhandlere. Vodafone oplevede en 8 % stigning i salg efter at optimere LCP, og Tokopedia så en 55 % stigning i session-varighed efter CLS-forbedringer. For danske webshops, hvor den gennemsnitlige konverteringsrate ligger på 1-3 %, kan selv små forbedringer i Core Web Vitals betyde hundredvis af ekstra ordrer om måneden. Google bruger disse metrics som en del af deres Page Experience-signaler, hvilket betyder, at dårlige scores kan trække jeres organiske placeringer ned i konkurrenceprægede brancher.
I kan måle jeres Core Web Vitals med flere værktøjer. Google PageSpeed Insights (pagespeed.web.dev) giver jer lab-data og field-data for individuelle sider. Google Search Console viser Core Web Vitals-rapporten for hele jeres site, opdelt i 'good', 'needs improvement' og 'poor' — baseret på rigtige brugerdata fra Chrome User Experience Report (CrUX). Chrome DevTools' Performance-panel giver detaljeret diagnose af individuelle metrics. For kontinuerlig overvågning kan I bruge web-vitals JavaScript-biblioteket til at sende data til Google Analytics eller andre analysesystemer i realtid.
Typiske forbedringsstrategier for Core Web Vitals inkluderer billedoptimering (WebP/AVIF-format, lazy loading, responsive images med srcset), effektiv caching (browser-cache headers, CDN), minificering og code-splitting af CSS/JavaScript, server-side rendering eller static generation, og brug af et Content Delivery Network. For e-commerce-sites er hurtig indlæsning særligt kritisk — Amazon har dokumenteret, at hvert 100 ms ekstra loadtid koster 1 % i omsætning. I Danmark, hvor mobilandelen af webtrafik overstiger 60 %, er mobiloptimering afgørende, da mobilsider typisk performer 2-3x dårligere end desktop på LCP og INP.
Core Web Vitals i praksis
En dansk webshop med 45.000 månedlige besøgende oplever en bounce rate på 58 % på mobilsider. En analyse i Google PageSpeed Insights afslører en LCP på 5,2 sekunder (for langsom), en INP på 340 ms (dårlig) og en CLS på 0,35 (ustabilt layout). Teamet implementerer en trefaset optimering: hero-billedet komprimeres fra 2,4 MB PNG til 180 KB WebP og prioriteres med fetchpriority='high', alle billeder får width/height-attributter og lazy loading, og tung tredjepartskode (chatwidget, anmeldelses-plugin) defers til efter page load. Resultatet efter 4 uger: LCP falder til 1,8 sekunder, INP til 120 ms og CLS til 0,04. Bounce rate reduceres til 41 % (-17 procentpoint), organisk trafik stiger 14 %, og konverteringsraten forbedres fra 1,9 % til 2,4 %.
OFTE STILLEDE SPØRGSMÅL