PageSpeed-optimering — Gør din hjemmeside hurtigere i 2026

Hvorfor hastighed er en rankeringsfaktor

Google har bekræftet at sidehastighed påvirker rangering. Langsamme sider frustrerer brugere, og Google ønsker at levere den bedste oplevelse. Tal fra Google viser at sandsynligheden for at en bruger forlader en side stiger med 32%, når indlæsningstiden går fra 1 til 3 sekunder.

Men det handler ikke kun om rangering. Hastighed påvirker direkte din bundlinje:

Konverteringer — Hvert sekund ekstra indlæsningstid reducerer konverteringer med op til 7%
Bounce rate — 53% af mobilbrugere forlader en side der tager over 3 sekunder at indlæse
Brugeroplevelse — Hurtige sider føles professionelle og troværdige

Core Web Vitals — Googles hastighedsmålinger

Google måler hastighed via tre Core Web Vitals-metrikker:

LCP — Largest Contentful Paint

Måler hvornår det største synlige element (typisk et billede eller en overskrift) er færdig med at indlæse.

God: Under 2,5 sekunder
Behøver forbedring: 2,5 — 4,0 sekunder
Dårlig: Over 4,0 sekunder

INP — Interaction to Next Paint

Måler hvor hurtigt siden reagerer når brugeren interagerer (klikker, taster, scroller).

God: Under 200ms
Behøver forbedring: 200 — 500ms
Dårlig: Over 500ms

CLS — Cumulative Layout Shift

Måler hvor meget layoutet flytter sig under indlæsning. Du kender det — du vil klikke på noget, men pludselig rykker indholdet og du rammer noget andet.

God: Under 0,1
Behøver forbedring: 0,1 — 0,25
Dårlig: Over 0,25

10 konkrete optimeringstips

1. Optimer billeder

Billeder er typisk den største synder. Brug moderne formater som WebP eller AVIF, som kan reducere filstørrelsen med 30-50% uden synligt kvalitetstab.

Komprimer alle billeder før upload
Brug loading="lazy" på billeder der ikke er synlige ved indlæsning
Angiv altid width og height for at undgå CLS
Brug responsive billeder med srcset til forskellige skærmstørrelser

2. Minimer CSS og JavaScript

Fjern ubrugt kode, whitespace og kommentarer fra dine CSS- og JS-filer. De fleste build-tools gør dette automatisk, men tjek at det faktisk sker i produktion.

3. Aktiver komprimering

Sørg for at din server sender filer med Gzip eller Brotli-komprimering. Det kan reducere filstørrelsen med op til 70%.

4. Brug browser-caching

Sæt Cache-Control-headers så browseren gemmer statiske filer (CSS, JS, billeder) lokalt. Næste gang brugeren besøger din side, behøver disse filer ikke downloades igen.

5. Reducer server-responstid

Din servers svartid (Time to First Byte, TTFB) bør være under 200ms. Løsninger:

Brug en hurtig hosting-udbyder
Aktiver server-side caching
Optimer database-forespørgsler
Brug et CDN til at servere statiske filer fra servere tæt på brugeren

6. Udskyd ikke-kritisk JavaScript

JavaScript der ikke er nødvendigt for den første visning, bør indlæses asynkront med async eller defer. Det gælder typisk analytics, chat-widgets og social media-embeds.

7. Preload kritiske ressourcer

Brug til skrifttyper, CSS og billeder der er nødvendige for den første visning. Det fortæller browseren at prioritere disse filer.

8. Fjern render-blokerende ressourcer

CSS og JavaScript i blokerer renderingen af siden. Flyt ikke-kritisk CSS til bunden, og inline den CSS der er nødvendig for den første visning (critical CSS).

9. Brug et CDN

Et Content Delivery Network (CDN) distribuerer dine filer på servere verden over. Brugerne downloader fra den nærmeste server, hvilket reducerer latenstiden markant.

10. Optimer webfonts

Custom skrifttyper kan forsinke tekstvisning:

Brug font-display: swap så teksten vises med en fallback-font mens custom-fonten indlæses
Subset dine fonte til kun de tegn du bruger
Preload de vigtigste skrifttyper
Overvej systemskrifttyper for brødtekst

Sådan tester du din hastighed

Google PageSpeed Insights

Det officielle værktøj fra Google. Giver dig both lab-data (simuleret) og field-data (rigtige brugere) samt konkrete forbedringsforslag.

Chrome DevTools

Åbn DevTools (F12), gå til "Performance"-panelet og optag en sideindlæsning. Du kan se præcis hvad der tager tid og i hvilken rækkefølge filer indlæses.

WebPageTest

Et avanceret test-værktøj der lader dig teste fra forskellige lokationer og forbindelseshastigheder. Giver detaljerede vandfaldsdiagrammer.

Prioritering — Start her

Hvis du skal vælge tre ting at fokusere på:

Billeder — Komprimer og konverter til WebP. Størst effekt med mindst arbejde.
Caching — Sæt korrekte Cache-Control headers. Én gang og du er færdig.
JavaScript — Udskyd alt der ikke er kritisk. Reducer mængden af tredjepartsscripts.

Vil du vide præcis, hvordan din side performer? Kør en gratis analyse og se dine Core Web Vitals og hastigheds-score.