Så gör du din hemsida snabbare och tappar färre kunder

Hastighet är pengar

Amazons data visar att varje 100 millisekunder extra laddningstid kostar 1% i försäljning. Du är inte Amazon, men principen gäller alla — långsamma sajter tappar kunder.

Google har bekräftat att sidladdningstid är en rankningsfaktor. En långsam sajt syns sämre i sökresultaten och de besökare som faktiskt hittar dig lämnar innan sidan hunnit laddas.

Siffror som borde oroa dig

• 53% av mobilanvändare lämnar en sajt som tar mer än 3 sekunder att ladda
• En sekunds fördröjning minskar konverteringar med 7%
• Google rankar snabbare sajter högre i sökresultaten

Mät först, optimera sedan

Innan du ändrar något behöver du veta var problemen finns.

Verktyg att använda

• Google PageSpeed Insights — Gratis, ger betyg och konkreta förslag
• GTmetrix — Mer detaljerad analys med vattenfallsdiagram
• Chrome DevTools — Nätverksfliken visar exakt vad som laddas och hur lång tid det tar

Kör din hemsida genom PageSpeed Insights och notera poängen. Under 50 är dåligt. 50–89 är okej. 90+ är målet.

De fem viktigaste åtgärderna

1. Optimera bilder

Bilder står för 50–80% av en hemsidas storlek. Det här är det enklaste och mest effektiva du kan göra.

• Använd rätt format — WebP istället för PNG/JPG sparar 25–35% utan synlig kvalitetsförlust
• Rätt storlek — Ladda inte upp en bild på 4000x3000 pixlar om den visas i 800x600
• Lazy loading — Bilder under "the fold" laddas först när besökaren scrollar dit
• Komprimera — Verktyg som Squoosh eller TinyPNG minskar filstorleken utan att förstöra kvaliteten

En enda ooptimerad bild kan vara större än resten av hela hemsidan.

2. Minimera JavaScript och CSS

Varje kilobyte JavaScript och CSS som laddas blockerar renderingen av sidan. Mindre kod betyder snabbare laddning.

• Ta bort oanvända plugins och scripts
• Slå ihop och minifiera CSS- och JS-filer
• Ladda in icke-kritiska scripts asynkront med async eller defer
• Använd code splitting — ladda bara den kod som behövs för den aktuella sidan

3. Aktivera caching

Caching gör att återkommande besökare inte behöver ladda ner samma filer igen. Webbläsaren sparar en kopia lokalt.

• Ställ in Cache-Control headers på statiska filer (bilder, CSS, JS)
• Använd ett CDN (Content Delivery Network) som Cloudflare eller Vercel Edge
• Aktivera gzip-komprimering på servern

4. Välj rätt hosting

Billig delad hosting på 49 kr/mån ger dig precis den prestanda du betalar för — dålig.

• Undvik delad hosting om du bryr dig om hastighet
• Överväg serverless (Vercel, Netlify) — du betalar bara för det du använder och sajten skalas automatiskt
• Välj hosting nära dina kunder — en server i Stockholm serverar svenska besökare snabbare än en i USA

5. Optimera fonter

Webfonter som Google Fonts kan bromsa laddningen oväntat.

• Använd font-display: swap så att texten syns direkt med en reservfont
• Preloada kritiska fonter med <link rel="preload">
• Begränsa antalet fontvikter — du behöver sällan fler än 3–4

Core Web Vitals

Google mäter tre specifika värden som påverkar din ranking:

CLS är ofta det som irriterar mest — du klickar på en knapp men precis då hoppar layouten och du klickar fel. Det händer när bilder utan angivna dimensioner eller annonser dyker upp och trycker ner innehållet.

Snabbaste vinsten

Om du bara gör en sak: optimera dina bilder. Det tar en timme och kan halvera laddningstiden. Konvertera till WebP, sätt rätt dimensioner och aktivera lazy loading.

Behöver du hjälp med en komplett hastighetsoptimering? Boka en kostnadsfri konsultation — vi analyserar din sajt och berättar exakt vad som kan förbättras.