Hvorfor hastighed betyder noget
Halvdelen af alle mennesker lukker en hjemmeside, der tager længere end 3 sekunder at indlæse. Dine besøgende har ikke alle en spritny telefon på hurtigt Wi-Fi – nogle har en ældre telefon i et tog. En projektchef tænker også på dem.
Gode nyheder: du kan få det største hastighedsløft fra bare én ting – billeder. Et foto direkte fra en telefon kan nemt være 5 MB; en hjemmeside har kun brug for en tiendedel af det.
Vis mig: mål med Lighthouse
Lighthouse er et måleværktøj indbygget direkte i Chrome:
- Åbn din hjemmeside (den live version, ikke localhost).
- F12 → fanen Lighthouse → Analyze page load.
- Du får en score fra 0–100 for performance, tilgængelighed, SEO – og vigtigst, en liste over specifikke tips om, hvad der kan forbedres.
De mest almindelige tips og hvad du gør ved dem:
| Lighthouse-tip | Hvad du gør |
|---|---|
| Properly size images | formindsk dine billeder (se nedenfor) |
| Serve images in next-gen formats | gem dem som WebP |
| Image elements do not have width/height | tilføj width og height-attributter |
| Links do not have descriptive text | i stedet for “click here”, sig hvor linket går hen |
Formindsk dine billeder
- Dimensioner: en hjemmeside har kun brug for omkring 1200px bredde (et hero-foto) eller omkring 600px (et almindeligt foto). Du kan ændre størrelsen i enhver editor, endda online (f.eks. squoosh.app).
- Format: WebP er omkring en tredjedel mindre end JPG ved samme kvalitet.
- Lazy loading: billeder under folden indlæses først, når besøgende scroller ned til dem:
<img src="photo.webp" alt="Match against the Eagles" width="600" height="400" loading="lazy" />Nu er det din tur 💪
- Mål din hjemmeside med Lighthouse og skriv din performance-score ned – det er din startlinje.
- Find de 3 største billeder på din hjemmeside (F12 → Network-fanen → sorter efter Size).
- Formindsk dem (dimensioner + WebP) og tilføj
loading="lazy"til alt undtagen det første billede øverst. - Mål igen og sammenlign scores. Skriv i
LAUNCH.md: før → efter. - Bonus: test din hjemmeside på din telefon med Wi-Fi slået fra. Hvordan er det?
Forvent ikke 100 point. Selv store hjemmesider scorer 70–90. Det, der betyder noget, er fremskridt: at gå fra 60 til 85 er en sejr, besøgende faktisk vil bemærke.
Tjek: Du kender din Lighthouse-score før og efter. Dine billeder er ændret i størrelse, i WebP og bruger lazy loading. Din hjemmeside indlæses mærkbart hurtigere på mobil.
Det tager du med fra denne lektion
- Hastighed = besøgende bliver. 3 sekunder er grænsen.
- Lighthouse fortæller dig præcis, hvad der skal forbedres.
- Det største greb: mindre billeder (dimensioner, WebP, lazy loading).
© 2026 Ing. Martin Polak / AlgoRhino · Vilkår for indholdsbrug