Hastighedsoptimering i Shopify 2026: Komplet guide til Core Web Vitals

"Vores webshop føles langsom - men vi ved ikke hvad vi skal gøre ved det."

Det er en af de mest almindelige frustrationer vi hører fra e-commerce-teams. Du kan ikke se problemet med det blotte øje. Alligevel koster det dig salg hver eneste dag.

Denne guide giver dig et klart billede af, hvad hastighedsoptimering i Shopify faktisk handler om i 2026 - og hvad du konkret skal gøre ved det.

Hastighedsoptimering handler om at reducere den tid det tager din webshop at loade og reagere på brugerhandlinger. Det lyder simpelt. Men standarden for "hurtig nok" har rykket sig markant de seneste år.

I 2020 handlede det primært om loadtid og billedstørrelser. I 2026 måler Google på tre specifikke metrikker - samlet kaldt Core Web Vitals - og bruger dem direkte som rankingfaktor.

Hvis din Shopify-webshop ikke lever op til Googles tærskler for Core Web Vitals, begrænser det din synlighed i søgeresultaterne. Uanset hvor godt dit øvrige indhold er.

Tallene er ikke abstrakte. Shopify har analyseret data fra hele deres platform i starten af 2026 og fundet entydige sammenhænge:

For hver 100 millisekunder din webshop er langsommere til at loade, falder din konverteringsrate med ca. 3,5%.

Det betyder, at en webshop med 2,5 sekunders loadtid typisk har ca. 30% lavere konverteringsrate end en tilsvarende webshop der loader på 1,5 sekunder.

Og det stopper ikke der. For hver 32 millisekunder din webshop er langsommere til at reagere på et klik eller en handling, falder konverteringsraten med yderligere 1,5%.

Tænk over hvad det betyder for din Black Friday-kampagne.

Core Web Vitals er Googles tre officielle hastighedsmetrikker. Siden 2024 har de alle tre direkte indflydelse på din placering i søgeresultaterne.

Hvad er LCP (Largest Contentful Paint)?

LCP måler, hvor hurtigt det vigtigste indhold på din side er synligt for brugeren. På en produktside er det typisk dit hero-billede eller produktfoto.

Googles tærskler:

• God: Under 2,5 sekunder
• Forbedring nødvendig: 2,5 - 4 sekunder
• Dårlig: Over 4 sekunder

De hyppigste årsager til dårlig LCP på Shopify: ikke-optimerede hero-billeder, JavaScript fra apps der blokerer siden, og langsom server-responstid.

Hvad er INP (Interaction to Next Paint)?

INP er den nyeste og mest misforståede metrik. Den erstattet i 2024 den gamle FID-metrik (First Input Delay) og måler nu noget fundamentalt anderledes.

INP måler, hvor hurtigt din webshop reagerer på brugerens handlinger - et klik på "Læg i kurv", filtrering i en kategori, åbning af en menu. Den måler ikke bare den første handling, men alle interaktioner gennem hele sessionen.

Googles tærskler:

• God: Under 200 millisekunder
• Forbedring nødvendig: 200 - 500 ms
• Dårlig: Over 500 ms

INP er i dag den hyppigste årsag til at Shopify-webshops ikke består Core Web Vitals. En webshop kan sagtens se hurtig ud og stadig have et dårligt INP-tal - fordi apps og scripts overbelaster browseren i baggrunden.

Hvad er CLS (Cumulative Layout Shift)?

CLS måler visuel stabilitet - altså om elementer på siden rykker sig, mens siden loader. Du kender det: du er ved at klikke på en knap, og så hopper siden, og du klikker på noget helt andet.

Googles tærskler:

• God: Under 0,1
• Forbedring nødvendig: 0,1 - 0,25
• Dårlig: Over 0,25

Typiske årsager til CLS: billeder uden faste dimensioner, pop-ups der loader sent ind, og fonte der skifter under indlæsning.

Vigtigt at vide: Shopifys egne data viser, at LCP og INP har langt større direkte påvirkning på konverteringsraten end CLS. Prioritér dem først.

Inden du begynder at optimere, skal du vide præcis hvad problemet er. Her er den rigtige rækkefølge:

Trin 1: Start med Shopifys eget Web Performance Dashboard

Shopify har siden 2022 haft et indbygget hastigheds-dashboard baseret på rigtige brugerdata (ikke simulationer). Du finder det under Online Store > Web Performance i dit admin-panel.

Her ser du dine faktiske Core Web Vitals-scorer baseret på rigtige besøgendes oplevelse. Det er disse tal Google bruger til at vurdere din webshop.

Trin 2: Tjek Google Search Console

I Google Search Console under Experience > Core Web Vitals ser du hvilke sider der er markeret som "God", "Trænger til forbedring" eller "Dårlig".

Dette er Googles direkte vurdering af din webshop. En rød side her er en side, der er begrænset i søgeresultaterne.

Trin 3: Brug Google PageSpeed Insights til diagnose

Gå til pagespeed.web.dev og test din forside, en kategoriside og en produktside.

PageSpeed Insights viser dig, hvad der specifikt trækker din score ned - og prioriterer problemerne for dig.

Vigtigt: PageSpeed Insights er et diagnosticeringsværktøj, ikke et validæringsværktøj. Det er Search Console og CrUX-data der tæller for Google.

Husk altid at teste mobilversionen - det er den, Google primært vurderer.

1. Lav en app-audit - og fjern det du ikke bruger

Det er det enkeltste tiltag med størst effekt. Hver app du installerer i Shopify tilføjer JavaScript, der kører på din webshop - også selvom du ikke aktivt bruger appen.

Gennemgå alle dine apps og stil tre spørgsmål:

• Bruger vi aktivt denne app?
• Er forretningsværdien større end hastighedsomkostningen?
• Kan vi opnå det samme med en lettere løsning?

Apps er den primære årsag til dårligt INP. En enkelt tung app kan flytte din INP-score fra grøn til rød.

2. Optimér dine billeder - og brug moderne formater

Billeder udgør typisk 27% af en webshops samlede sidestørrelse. Uoptimerede produktbilleder er den hyppigste enkeltårsag til dårligt LCP.

Hvad du skal gøre:

• Brug WebP eller AVIF i stedet for JPEG og PNG. Det giver 30-50% mindre filstørrelse ved samme kvalitet.
• Sørg for at dit primære hero-billede loader med høj prioritet. I Shopifys kode: tilføj fetchpriority="high" til LCP-billedet.
• Komprimér billeder inden upload. Produktbilleder over 200KB er sjældent nødvendige.
• Lazy-load alle billeder undtagen LCP-billedet. Det gælder det modsatte for det vigtigste billede.

Shopifys CDN håndterer automatisk servering fra geografisk nærliggende servere - men det hjælper ikke, hvis selve filerne er for store.

3. Vælg det rigtige tema - og hold det opdateret

Dit tema er fundamentet. Et tungt tema med mange animationer, sliders og ubrugt JavaScript kan ikke reddes af andre optimeringer.

Shopifys eget Dawn-tema er bygget med hastighed som kerneprincip og scorer konsekvent godt på Core Web Vitals. Tester du et nyt tema, så test altid dets demo på PageSpeed Insights, inden du køber.

Opdatér løbende dit tema. Temaudviklere retter løbende hastighedsproblemer - og du får automatisk gavn af forbedringerne.

4. Håndtér JavaScript korrekt

JavaScript fra tredjeparter er den primære årsag til dårligt INP. Chat-widgets, anmeldelsesværktøjer, tracking-pixels og tag managers tilføjer alle scripts der kræver browserkraft.

Det du kan gøre:

• Udskyd (defer) ikke-kritiske scripts, så de ikke blokerer siden.
• Sæt explicit størrelse på alle billeder og video-elementer, så browseren ved, hvor meget plads det tager, inden det loader.
• Brug font-display: swap for dine fonte, så de ikke blokerer visningen.

Du behøver ikke gøre det selv - det er et udviklerjob. Men du skal vide, hvad du beder din udvikler om.

5. Forstå forskellen på lab-data og field-data

Det her er kritisk, og mange gør det forkert. Din PageSpeed Insights-score er ikke det samme som din Core Web Vitals-score.

PageSpeed Insights er lab-data - en simuleret test under kontrollerede forhold. Google ranker dig baseret på field-data: rigtige brugere, rigtige enheder, rigtige forbindelser.

En webshop kan score 90+ i PageSpeed Insights og stadig fejle Core Web Vitals i Search Console. Valider altid via Search Console og Shopifys eget dashboard.

Lad os sætte tallene i perspektiv med en simpel beregning.

Scenarie:

• Webshop med 10.000 månedlige besøgende
• Gennemsnitlig ordreværdi: 600 kr.
• Nuværende konverteringsrate: 2% = 200 ordre/md. = 120.000 kr./md.

Shopifys data: 100 ms langsommere LCP = 3,5% lavere konverteringsrate.

Hvis din webshop er 300 ms langsommere end den burde:

• Tabte konverteringer: 3 × 3,5% = 10,5% lavere rate
• Faktisk rate: 2% × 0,895 = 1,79%
• Faktiske ordre: 179 i stedet for 200
• Månedlig omsætningstab: 21 ordre × 600 kr. = 12.600 kr.
• Årligt tab: ca. 151.000 kr.

Og det er kun fra LCP. Læg INP-effekten oveni.

• Google PageSpeed Insights: Diagnosticerer hastighedsproblemer og giver konkrete forslag
• Google Search Console: Viser dine faktiske Core Web Vitals-scorer og hvilke sider der fejler
• Shopify Web Performance Dashboard: Rigtige brugerdata direkte i dit admin-panel
• TinyIMG: Automatisk billedkomprimering og WebP-konvertering i Shopify

• Core Web Vitals er tre metrikker: LCP (loadtid), INP (interaktivitet) og CLS (visuel stabilitet)
• INP har erstattet FID og er i dag den hyppigste årsag til at webshops fejler
• 100 ms langsommere LCP = ca. 3,5% lavere konverteringsrate (Shopifys egne data, 2026)
• Apps er den største synder bag dårligt INP - lav en app-audit som første trin
• Valider altid via Google Search Console, ikke kun PageSpeed Insights
• Prioritér LCP og INP frem for CLS - de har størst direkte effekt på salg

80% af Shopify-webshops består alle tre Core Web Vitals - Shopify er allerede et godt udgangspunkt

Hastighedsoptimering kræver det rigtige blik og de rigtige data. Hos Grafikr arbejder vi med Shopifys egne performance-metrikker og Googles field-data - ikke gæt og mavefornemmelser.

Vil du vide, hvad der bremser din webshop - og hvad det koster dig? Kontakt os for en uforpligtende hastighedsanalyse.