· 2 min read · Webperformance

Core Web Vitals

Core Web Vitals er Googles tre målepunkter for brugeroplevelse: LCP for indlæsning, INP for reaktion og CLS for visuel stabilitet.

Kasper Hermann Due Stück
Grundlægger & E-commerce SpecialistBygger Shopify-apps med fokus på SEO og vækst for merchants.

Hvad er Core Web Vitals?

Core Web Vitals er tre konkrete målepunkter, som Google bruger til at vurdere den oplevede brugeroplevelse på en side: LCP (Largest Contentful Paint) måler, hvor hurtigt hovedindholdet indlæses, INP (Interaction to Next Paint) måler, hvor hurtigt siden reagerer på klik og tryk, og CLS (Cumulative Layout Shift) måler visuel stabilitet. INP afløste den tidligere FID den 12. marts 2024. En side består testen, når LCP er 2,5 sekunder eller mindre, INP er 200 ms eller mindre, og CLS er 0,1 eller mindre.

Hvorfor er Core Web Vitals vigtigt?

For en webshop rammer værdierne direkte både bundlinje og synlighed. Langsom LCP og hakkende INP på produkt- og kategorisider øger frafald og sænker konverteringen, netop hvor kunden er tættest på at købe. Samtidig indgår Core Web Vitals i Googles page experience-signaler og kan fungere som en tiebreaker mellem ellers lige stærke resultater. Google vurderer værdierne på feltdata fra rigtige besøgende (Chrome User Experience Report) ved 75.-percentilen, opgjort separat for mobil og desktop – så det er den langsomste fjerdedel af dine brugere, der afgør resultatet.

Typiske brugssituationer

  • Diagnosticere en langsom produktside med PageSpeed Insights eller Search Console-rapporten Core Web Vitals.
  • Optimere LCP ved at komprimere hero-billeder, bruge WebP og preloade det største billede.
  • Fjerne CLS fra bannere, cookie-popups og skrifttyper, der skubber layoutet, mens siden loader.
  • Forbedre INP ved at reducere tung JavaScript fra apps og tredjeparts-scripts.
  • Dokumentere effekten af et nyt tema eller en app over for udviklere eller ledelse.

Shopify-perspektiv

Shopify-temaer starter ofte godt, men apps, chatbots og tracking-scripts trækker typisk værdierne ned. Mål altid på konkrete URL’er med feltdata frem for et enkelt lab-tal, og afinstaller apps, du ikke bruger. Brug temaets native lazy loading og Shopifys billed-CDN, og vær opmærksom på, at pop-ups og annoncebannere er de hyppigste årsager til dårlig CLS i praksis.

Pocium-nyt til Shopify-butikker

Nye apps, praktiske Shopify-guides og produktnyt.