Webshop-hastighed: de 5 ting der gør den største forskel

Google siger at 53% af mobilbrugere forlader en side der tager mere end 3 sekunder at loade. Jeg ved ikke om tallet er præcist, men jeg ved fra vores egne data at hastighed har en direkte, målbar effekt på salget.

Da vi skar vores loadtid ned fra 5,2 til 1,8 sekunder, steg vores konverteringsrate med 18%. Ikke fra en stor kampagne. Ikke fra bedre produkter. Bare fra at fjerne det der gjorde siden langsom.

1. Billeder — den største synder

I 9 ud af 10 tilfælde er billeder det der gør din side langsom. Originalbilleder fra leverandører er typisk 2-5 MB per styk. En produktside med 4 billeder sender 10-20 MB data til kunden. Det er vanvittigt.

Konverter til WebP. Sæt maxbredde til 1200px. Komprimér til under 200 KB. Og brug lazy loading, så billeder længere nede på siden først hentes når brugeren scroller derned. De tre ting alene kan halvere din loadtid.

2. Apps og plugins du ikke bruger

Hver app du installerer i Shopify (eller plugin i WordPress) tilføjer JavaScript og CSS til din side. Også dem du har deaktiveret men ikke afinstalleret. Vi fandt engang 14 inaktive plugins der stadig loadede scripts på forsiden. At slette dem sparede 1,2 sekunder.

Gå din appliste igennem. Bruger du den? Virkelig? Hvis ikke: slet den. Ikke deaktiver — slet.

3. Skrifttyper

Custom fonts ser flotte ud, men de koster. Hver skrifttype-fil er typisk 50-150 KB, og de fleste temaer loader 4-8 varianter. Det er potentielt 1 MB bare i skrifttyper.

Brug system fonts eller begræns dig til én Google Font med max to varianter (regular + bold). Forskellen i udseende er minimal. Forskellen i hastighed er mærkbar.

4. Tredjepartsscripts

Google Analytics. Facebook Pixel. Hotjar. Trustpilot-widget. Chat-widget. Cookie-consent. Hvert script laver separate HTTP-requests til eksterne servere, og du har ingen kontrol over hvor hurtigt de svarer.

Fjern dem du ikke aktivt bruger. For dem du beholder, load dem asynkront og med defer, så de ikke blokerer sidens rendering.

5. Hosting og caching

Hvis du er på delt hosting (som mange DanDomain-kunder), deler du server med hundredvis af andre webshops. Det er billigt, men langsomt. En VPS eller dedikeret server med ordentlig caching kan gøre en verden til forskel.

Server-side caching (Redis, Varnish, FastCGI cache) gør at serveren ikke skal genberegne hver side for hver besøgende. En side der tager 800ms at generere, kan serveres fra cache på under 50ms. Det er 16 gange hurtigere, uden at ændre en eneste linje kode.