Hastighedsoptimering af Shopify: det du selv kan gøre
Hastighedsoptimering af Shopify handler om de ting, du selv har lagt i butikken: temaet, apps og ekstra kode. Serveren, CDN, browser-cache, komprimering og billedformater klarer Shopify allerede for dig, så værktøjer, der beder dig tilføje et CDN eller slå gzip til, giver råd, der ikke gælder for en Shopify-butik. Mål hastigheden med Core Web Vitals fra rigtige besøgende, og ret derefter tema, apps og scripts i den rækkefølge, de koster mest.
Hvad Shopify allerede gør
Ifølge Shopifys side Forbedring af din webshops ydeevne, som vi hos MITS læste den 23. oktober 2026, sørger Shopify selv for følgende i alle butikker uden ekstra betaling:
| Optimering | Hvad Shopify gør | Skal du gøre noget? |
|---|---|---|
| CDN (Content Delivery Network) | Et globalt CDN drevet af Cloudflare, alle filer leveres over HTTP/2 | Nej, et ekstra CDN er unødvendigt |
| Browser-cache | Filer, der kan caches, gemmes i browseren i et år, den længst mulige tid | Nej |
| Gzip-komprimering | CSS, JavaScript, dokumenter og sider komprimeres | Nej |
| Billedoptimering | JPG komprimeres automatisk, billeder leveres ofte som WebP og i den rette størrelse via billed-CDN | Upload billeder i en fornuftig størrelse |
| Filminimering | CSS og JavaScript minimeres, når butikken henter dem | Nej |
Shopify skriver direkte, at anbefalinger om serverkonfiguration, HTTP-headers, cachepolitik, CDN-implementering og komprimeringsindstillinger fra tredjepartsværktøjer ikke er relevante, fordi de allerede er løst. Får du en rapport med 30 punkter, kan du altså stryge en del af dem, før du går i gang.
Sådan måler du hastigheden
Shopify måler webydeevne med de tre Core Web Vitals:
- Largest Contentful Paint (LCP): hvor hurtigt det største element på skærmen bliver synligt. Det er indlæsningshastigheden.
- Cumulative Layout Shift (CLS): hvor meget indholdet hopper rundt under indlæsningen, for eksempel når et banner skubber teksten ned.
- Interaction to Next Paint (INP): hvor hurtigt siden reagerer, når kunden klikker på en knap eller et link.
Du har to værktøjer. Shopifys egne Rapporter over webydeevne i administrationen viser, hvordan rigtige besøgende oplever butikken målt med Core Web Vitals. Googles PageSpeed Insights giver flere detaljer for en enkelt side, du selv tester. Brug Shopifys rapporter til at se, om butikken overordnet har et problem, og PageSpeed Insights til at finde ud af, hvilken side og hvilket element der er årsagen.
De fire ting, der gør din webshop langsom
Ifølge Shopify er de største faktorer temaet, de installerede apps og den tredjepartskode, du selv har tilføjet, inklusive tag managers. Hertil kommer, hvor meget du lægger på hver side.
1. Temaet. Alle temaer i Horizon-familien og Shopifys Online Store 2.0-temaer er gratis og optimeret til ydeevne, og mange tredjepartstemaer er det også. Shopify foreslår at overveje et skift, hvis temaet giver betydelige forsinkelser.
2. Apps. For mange apps, der indlæser filer på butikssiden, kan ifølge Shopify gøre den langsommere. Gennemgå listen og spørg for hver app, om den skaber nok værdi til at opveje det, den koster i hastighed. Når du afinstallerer en app, fjernes dens kode ikke nødvendigvis fra temaet, så spørg udvikleren, hvordan koden fjernes helt.
3. Tredjepartskode og tag managers. Chat-widgets, sporingspixels og scripts, der er kopieret ind i temaet, lægger sig oven på alt det andet. Gennemgå din tag manager og fjern tags, der ikke bruges eller ikke giver noget. Er INP dårlig, skyldes det ifølge Shopify oftest for meget JavaScript fra tema, apps eller tag manager.
4. Siderne selv. Mange sektioner på én sideskabelon gør siden langsommere. Sideovergange og animationer kan også koste; mål før og efter, du slår dem til. Har du kollektioner med mange produkter, så slå sideinddeling til, så ikke alle produkter indlæses på én gang.
En kort tjekliste til hvert kvartal:
- Er der apps, du ikke længere bruger, og er deres kode fjernet fra temaet?
- Er der tags i tag manageren, som ingen kigger på?
- Har forsiden og produktsiden flere sektioner, end kunderne scroller igennem?
- Er nye animationer eller videoer målt før og efter?
Billeder og video
Shopifys billed-CDN leverer det rette format i den rette størrelse, men kun ud fra det, du har uploadet. Brug JPG til fotos og PNG til grafik med gennemsigtighed, og upload i en størrelse, der passer til visningen. Sider med mange store billeder indlæses langsomt; overvej, om alle billederne på en kollektion eller en forside er nødvendige.
Hvordan du bygger sider, der fungerer på en lille skærm, gennemgår vi i guiden til en mobil-først Shopify-butik.
Fejlfinding af sider, der indlæses langsomt
Denne guide hører til vores samling om drift af butikken. Hastighed er også et af punkterne i vores Shopify SEO-tjekliste.
Shopifys egen fejlfinding har tre trin:
- Bekræft problemet. Test butikken fra forskellige enheder og internetforbindelser, og bed andre om at teste, så du ved, at det ikke er din egen forbindelse. Kør PageSpeed Insights for konkrete tal.
- Find årsagen. Tjek for for mange apps, der indlæser filer på butikssiden. Gennemgå sider med mange store billeder. Hænger siden som en tom side og dukker så op på én gang, så brug browserens udviklerværktøjer til at finde det langsomme script, og kontakt app- eller temaudvikleren.
- Handling. Fjern unødvendige apps, optimer billeder, og vurder temaet.
Under store kampagner kan eksterne overvågningsværktøjer vise butikken som langsom eller nede, selvom rigtige kunder handler uden problemer. Shopify prioriterer nemlig rigtige kunder frem for bottrafik i spidsbelastninger, så kig på dine egne rapporter, før du går i panik.
Bruger du et gratis tema fra Shopify, kan Shopify Support hjælpe med grundlæggende forbedringer. Med et tredjepartstema skal du kontakte temaudvikleren eller en Shopify-partner.
Ofte stillede spørgsmål
Skal jeg bruge en hastigheds-app? Det er sjældent nødvendigt, fordi Shopify allerede klarer cache, komprimering og billedformater. En app, der lover at gøre butikken hurtigere, er selv en app med kode på butikssiden, så mål før og efter, og afinstaller den, hvis tallene ikke flytter sig.
Hjælper det at tilføje Cloudflare eller et andet CDN? Shopify-butikker kører allerede på et CDN drevet af Cloudflare, og Shopify kalder forslag om at tilføje et CDN for unødvendige. Brug hellere tiden på tema, apps og scripts.