PageSpeed-optimering — Gör din webbplats snabbare år 2026

Varför hastighet är en rankningsfaktor

Google har bekräftat att sidhastighet påverkar rankningar. Långsamma sidor frustrerar användare, och Google vill leverera den bästa upplevelsen. Data från Google visar att sannolikheten för att en användare lämnar sidan ökar med 32% när laddningstiden går från 1 till 3 sekunder.

Men det handlar inte bara om rankningar. Hastighet påverkar direkt din bottenlinje:

Konverteringar — Varje extra sekund av laddningstid minskar konverteringar med upp till 7%
Studsfrekvens — 53% av mobilanvändare lämnar en sida som tar mer än 3 sekunder att ladda
Användarupplevelse — Snabba sidor känns professionella och trovärdiga

Core Web Vitals — Googles hastighetsmått

Google mäter hastighet via tre Core Web Vitals-mått:

LCP — Largest Contentful Paint

Mäter när det största synliga elementet (vanligtvis en bild eller rubrik) slutar ladda.

Bra: Under 2.5 sekunder
Behöver förbättras: 2.5 — 4.0 sekunder
Dåligt: Över 4.0 sekunder

INP — Interaction to Next Paint

Mäter hur snabbt sidan svarar när användaren interagerar (klickar, skriver, bläddrar).

Bra: Under 200ms
Behöver förbättras: 200 — 500ms
Dåligt: Över 500ms

CLS — Cumulative Layout Shift

Mäter hur mycket layouten skiftar under laddningen. Du vet känslan—du vill klicka på något, men plötsligt flyttar sig innehållet och du träffar något annat.

Bra: Under 0.1
Behöver förbättras: 0.1 — 0.25
Dåligt: Över 0.25

10 Konkreta optimeringsråd

1. Optimera bilder

Bilder är vanligtvis den största syndaren. Använd moderna format som WebP eller AVIF, som kan minska filstorleken med 30-50% utan synlig kvalitetsförlust.

Komprimera alla bilder innan uppladdning
Använd loading="lazy" på bilder som inte är synliga vid initial laddning
Ange alltid width och height för att undvika CLS
Använd responsiva bilder med srcset för olika skärmstorlekar

2. Minimera CSS och JavaScript

Ta bort oanvänd kod, vitt utrymme och kommentarer från dina CSS- och JS-filer. De flesta byggverktyg gör detta automatiskt, men verifiera att det faktiskt görs i produktion.

3. Aktivera komprimering

Säkerställ att din server skickar filer med Gzip- eller Brotli-komprimering. Detta kan minska filstorlekar med upp till 70%.

4. Använd webbläsarcaching

Ställ in Cache-Control-huvuden så att webbläsaren lagrar statiska filer (CSS, JS, bilder) lokalt. Nästa gång användaren besöker sidan behöver dessa filer inte laddas ner igen.

5. Minska serverns svarstid

Din servers svarstid (Time to First Byte, TTFB) bör vara under 200ms. Lösningar:

Använd en snabb hostingleverantör
Aktivera server-side caching
Optimera databasfrågor
Använd ett CDN för att servera statiska filer från servrar nära användaren

6. Skjut upp icke-kritisk JavaScript

JavaScript som inte behövs för den initiala visningen bör laddas asynkront med async eller defer. Detta inkluderar vanligtvis analys, chatt-widgetar och inbäddningar av sociala medier.

7. Förladda kritiska resurser

Använd för typsnitt, CSS och bilder som behövs för den initiala visningen. Detta talar om för webbläsaren att prioritera dessa filer.

8. Ta bort render-blockerande resurser

CSS och JavaScript i blockerar sidrendering. Flytta icke-kritisk CSS till botten och inlinera den CSS som behövs för den initiala visningen (kritisk CSS).

9. Använd ett CDN

Ett Content Delivery Network distribuerar dina filer på servrar världen över. Användare laddar ner från den närmaste servern vilket avsevärt minskar latens.

10. Optimera webbtypsnitt

Anpassade typsnitt kan fördröja textvisning:

Använd font-display: swap så att text visas med ett fallback-typsnitt medan det anpassade typsnittet laddas
Subseta dina typsnitt till endast de tecken du använder
Förladda de viktigaste typsnitten
Överväg systemtypsnitt för brödtext

Hur man testar din hastighet

Google PageSpeed Insights

Det officiella verktyget från Google. Ger dig både laboratoriedata (simulerad) och fältdata (verkliga användare) tillsammans med konkreta förbättringsförslag.

Chrome DevTools

Öppna DevTools (F12), gå till "Prestanda"-panelen och spela in en sidladdning. Du kan se exakt vad som tar tid och i vilken ordning filer laddas.

WebPageTest

Ett avancerat testverktyg som låter dig testa från olika platser och anslutningshastigheter. Ger detaljerade vattenfallsdiagram.

Prioritering — Börja här

Om du behöver välja tre saker att fokusera på:

Bilder — Komprimera och konvertera till WebP. Största påverkan med minst ansträngning.
Caching — Ställ in rätt Cache-Control-huvuden. Engångsuppsättning.
JavaScript — Skjut upp allt icke-kritiskt. Minska tredjeparts-skript.

Vill du veta exakt hur din webbplats presterar? Kör en gratis revision och se dina Core Web Vitals och hastighetspoäng.