Ekstern CTO - Din webshop er langsom og her er de 5 mest sandsynlige årsager

Hvorfor er min webshop så langsom? Det er nok det spørgsmål jeg oftest får fra webshop-ejere. Og det er et vigtigt spørgsmål fordi en langsom webshop koster dig penge hver eneste dag. Ifølge undersøgelser fra Google og Amazon mister du cirka 7% af dine kunder for hvert sekund din side tager længere tid om at loade. Hvis din forside tager 6 sekunder i stedet for 3 sekunder har du allerede mistet op mod 20% af dine potentielle kunder før de overhovedet har set et produkt.

Her gennemgår jeg de 5 mest sandsynlige årsager til at din webshop er langsom. Ikke de obskure edge cases men de problemer jeg ser igen og igen hos danske webshops. For hver årsag får du konkrete måder at diagnosticere problemet, løsninger med prisestimater og hvad du realistisk kan forvente af forbedring.

Performance benchmarks du bør kende

Før vi går i gang hvad betyder langsomt egentlig? Google måler performance gennem Core Web Vitals og her er de tal du bør kende. Largest Contentful Paint (LCP) måler hvor lang tid det tager at vise det største element på siden og godt er under 2,5 sekunder mens dårligt er over 4 sekunder. Interaction to Next Paint (INP) måler hvor hurtigt siden reagerer når en bruger interagerer med den og godt er under 200 millisekunder mens dårligt er over 500 ms. Cumulative Layout Shift (CLS) måler hvor meget elementer hopper rundt mens siden loader og godt er under 0,1 mens dårligt er over 0,25.

Som tommelfingerregel bør din webshop loade forsiden på under 3 sekunder, have en total sidestørrelse på under 3 MB, score mindst 50 på mobil i Google PageSpeed Insights hvor over 70 er godt og score mindst 80 på desktop hvor over 90 er godt. Hvis du er under disse mål har du et performance-problem der sandsynligvis koster dig salg.

For mange eller dårligt kodede apps

Dette er den absolut hyppigste årsag til langsom performance på Shopify-butikker og jeg ser det hos omkring 70% af de webshops jeg analyserer. Hver app du installerer tilføjer kode til din webshop med JavaScript, CSS og HTTP requests. Jo flere apps jo mere kode skal downloades og eksekveres.

For at diagnosticere problemet skal du starte med at tælle dine apps i din Shopify admin. Har du mere end 10-15 apps installeret er der god sandsynlighed for at de påvirker din performance. Derefter skal du tjekke for efterladt kode fordi mange apps efterlader kode i dit tema selv efter du har afinstalleret dem. Åbn din browsers developer tools og gå til Network-fanen og genindlæs siden. Kig efter scripts fra domæner du ikke genkender, requests til apps du har afinstalleret og scripts der tager mere end 500ms at loade.

Symptomer på app-overload inkluderer at din side laver over 50 HTTP requests, JavaScript-filer udgør mere end 1 MB af din sidestørrelse, du kan se render-blocking scripts i PageSpeed rapporten eller du har flere scripts fra samme type apps. App-audit og afinstallation af unødvendige apps er gratis og kan gøre siden 10-30% hurtigere. Oprydning af efterladt app-kode i tema koster 2.000-5.000 kr og giver 15-40% forbedring. At erstatte apps med custom kode koster 5.000-20.000 kr og giver 20-50% forbedring. Jeg har skrevet en guide til app-overload og hvordan du laver en app-audit.

Ikke-optimerede billeder

Billeder udgør typisk 40-70% af en websides totale størrelse og jeg ser dette problem hos omkring 60% af webshops. Hvis dine billeder ikke er optimeret er de sandsynligvis den største synder bag din langsomme webshop.

For at diagnosticere skal du åbne developer tools og gå til Network-fanen og filtrere på Img. Kig efter billeder over 500 KB da et produktbillede typisk bør være 50-150 KB, billeder der er større end de vises som for eksempel et 4000x4000 px billede der vises i 400x400 og billeder i forkert format som BMP eller TIFF i stedet for WebP eller JPEG. Kør også PageSpeed Insights som viser dig specifikt hvilke billeder der skal optimeres under Properly size images.

Manuel komprimering af billeder via TinyPNG eller Squoosh er gratis og giver 20-40% mindre filstørrelse. Shopify billedoptimerings-apps koster 50-200 kr om måneden og giver automatisk optimering. Konvertering til WebP-format koster 1.000-3.000 kr og giver 25-35% mindre filstørrelse. Lazy loading implementering koster 1.000-2.000 kr og giver hurtigere initial load. Komplet billedoptimering inkl. CDN-setup koster 5.000-10.000 kr og giver 40-60% forbedring.

Tungt eller dårligt kodet tema

Dit tema er fundamentet for din webshop og det akkumulerer gæld hurtigere end noget andet. Jeg ser tema-problemer hos omkring 40% af webshops. Hvis temaet er dårligt kodet kan selv de bedste optimeringer kun gøre så meget. Nogle temaer særligt ældre eller billige temaer er bygget uden performance i fokus.

Den mest pålidelige test er at aktivere et standard-tema som Dawn på Shopify midlertidigt og sammenligne performance. Hvis din side pludselig er 50% hurtigere ligger problemet i dit tema. I developer tools skal du gå til Network og filtrere på JS og CSS. Se efter CSS-filer over 200 KB da et godt tema typisk har 50-150 KB CSS, JavaScript-filer over 300 KB fra temaet selv eksklusiv apps og flere separate CSS/JS-filer der kunne bundtes sammen.

Tema-optimering med CSS/JS cleanup koster 5.000-15.000 kr og giver 20-40% forbedring. Critical CSS implementering koster 3.000-8.000 kr og giver 15-30% hurtigere LCP. JavaScript defer/async optimering koster 2.000-5.000 kr og giver 20-40% bedre TBT. Skift til et nyt hurtigere tema koster 10.000-30.000 kr og giver 30-60% forbedring. Custom tema-udvikling koster 50.000-150.000 kr og giver optimal performance. Det giver mening at skifte tema når dit tema er mere end 4-5 år gammelt, temaet ikke får opdateringer længere, performance-optimering af eksisterende tema koster mere end et nyt tema eller du alligevel har brug for ny funktionalitet.

Third-party scripts og tracking

Facebook Pixel, Google Analytics, Hotjar, TrustPilot-widget, chat-widgets og remarketing-tags vokser listen hurtigt og de har alle en omkostning. Jeg ser dette problem hos omkring 35% af webshops.

I developer tools under Network skal du se efter requests til domæner som facebook.com, google-analytics.com, hotjar.com, trustpilot.com og intercom.io. Du kan bruge Chrome DevTools Performance fane til at se præcis hvor lang tid hvert script tager at køre. Kig efter scripts der tager mere end 200ms.

Audit og fjernelse af unødvendige scripts er gratis og giver 10-30% forbedring. Async/defer loading af scripts koster 1.000-3.000 kr og giver 15-25% bedre TBT. Server-side tracking via GTM koster 5.000-15.000 kr i setup og giver 20-40% forbedring. Lazy load af widgets til chat og reviews koster 2.000-5.000 kr og giver 15-30% hurtigere initial load. Hver gang du tilføjer et nyt script skal du spørge om værdien opvejer performance-omkostningen. Sørg for at scripts loader asynkront så de ikke blokerer resten af siden og overvej at lazy loade chat-widgets og review-widgets der ikke behøver at loade før brugeren scroller ned.

Dårlig eller overfyldt hosting

Hvis du bruger Shopify er hosting sjældent problemet fordi Shopify håndterer dette for dig. Men hvis du bruger WooCommerce eller en anden selvhostet løsning kan din hosting være en flaskehals. Jeg ser hosting-problemer hos omkring 20% for Shopify men 50% for WooCommerce.

TTFB eller Time to First Byte måler hvor lang tid serveren tager om at svare og du kan se dette i developer tools under Network ved at kigge på den første HTML-fil. Godt er under 200 ms, acceptabelt er 200-600 ms og dårligt er over 600 ms. Brug værktøjer som GTmetrix eller WebPageTest til at teste din side fra servere i Danmark og Europa. Symptomer på hosting-problemer inkluderer høj TTFB, siden er langsom selv uden mange billeder eller scripts, performance varierer meget på forskellige tidspunkter af dagen og din hostingudbyder er billig shared hosting.

For WooCommerce og selvhostet kan du opgradere til bedre hostingplan for 200-1.000 kr ekstra om måneden og få 30-60% hurtigere TTFB. Implementering af caching med Redis eller Varnish koster 2.000-5.000 kr i setup og giver 40-70% forbedring. CDN setup med Cloudflare er gratis til 500 kr om måneden og giver 20-40% forbedring for internationale besøgende. Flyt til managed WooCommerce hosting koster 500-2.000 kr om måneden og giver 50-80% forbedring.

Almindelige myter der ikke er årsagen

Antallet af produkter er sjældent et problem. Webshops med over 100.000 produkter kan være lynhurtige og problemet er hvordan produkterne loades ikke hvor mange der er. Høj trafik er heller ikke problemet på moderne hosting inkl. Shopify der kan håndtere millioner af besøgende. Geografisk placering i Danmark er ikke problemet fordi med moderne CDN-teknologi er geografisk placering næsten irrelevant. Mængden af indhold på forsiden er heller ikke problemet da en forside med 50 produkter og 10 sektioner sagtens kan loade på under 2 sekunder hvis alt er implementeret korrekt.

ROI på performance-forbedring

Undersøgelser viser konsistent at 1 sekund hurtigere giver 7% højere konvertering, 2 sekunder hurtigere giver 15% højere konvertering og 3 sekunder hurtigere giver 25% højere konvertering. Tag et eksempel med 10.000 besøgende om måneden, 2% konverteringsrate, 500 kr i gennemsnitlig ordreværdi og en side der tager 6 sekunder at loade. Det giver 200 ordrer og 100.000 kr i omsætning om måneden. Efter optimering til 3 sekunder med 20% bedre konvertering får du 2,4% konverteringsrate, 240 ordrer og 120.000 kr i omsætning. Det er 20.000 kr ekstra omsætning per måned eller 240.000 kr om året. Selv en investering på 30.000-50.000 kr i performance-optimering er tjent hjem på 2-3 måneder.

Opsummering

Hvis din webshop er langsom anbefaler jeg at starte med at måle din nuværende performance ved at køre Google PageSpeed Insights på din forside, en kategoriside, en produktside og din kurv-side og notere scores og de specifikke problemer der identificeres.

Prioritér derefter baseret på impact og fokuser på de 5 årsager i denne rækkefølge med apps først fordi det ofte er den største synder og relativt nem at fikse, derefter billeder med stor impact og relativt billig at løse, så third-party scripts der ofte kan optimeres hurtigt, derefter tema som en større investering men kan være nødvendig og til sidst hosting der kun er relevant for selvhostet og ikke Shopify.

Start med de nemme ting ved at afinstallere apps du ikke bruger, komprimere dine største billeder, fjerne tracking-scripts du ikke har brug for og aktivere lazy loading hvis det ikke allerede er aktivt. En langsom webshop er ikke noget du behøver at leve med. Med den rigtige diagnose og de rigtige løsninger kan din webshop være hurtig, konvertere bedre og give dig en konkurrencefordel. Tag det første skridt i dag ved at teste din webshop i PageSpeed Insights. Det tager 30 sekunder og det kan være begyndelsen på en betydeligt mere profitabel webshop.