Hvorfor hastighed betyder noget
Halvdelen af alle mennesker lukker en nettside, der tar længere end 3 sekunder at indlese. Dine besøkende har ikke alle en spritny telefon på hurtigt Wi-Fi – noen har en eldre telefon i et tog. En projektchef tenker også på dem.
Gode nyheder: du kan få det største hastighedsløft fra bare én ting – bilder. Et bilde direkte fra en telefon kan nemt være 5 MB; en nettside har kun bruk for en tiendedel af det.
Jeg viser deg: mål med Lighthouse
Lighthouse er et måleverktøy indbygget direkte i Chrome:
- Åpne din nettside (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, hva der kan forbedres.
De mest vanlige tips og hva du gjør ved dem:
| Lighthouse-tip | Hva du gjør |
|---|---|
| Properly size images | formindsk dine bilder (se nedenfor) |
| Serve images in next-gen formats | lagre dem som WebP |
| Image elements do not have width/height | legg til width og height-attributter |
| Links do not have descriptive text | i stedet for “click here”, sig hvor linket går hen |
Formindsk dine bilder
- Dimensioner: en nettside har kun bruk for omkring 1200px bredde (et hero-bilde) eller omkring 600px (et vanligt bilde). Du kan endre størrelsen i hver editor, endda online (f.eks. squoosh.app).
- Format: WebP er omkring en tredjedel mindre end JPG ved samme kvalitet.
- Lazy loading: bilder under folden indleses først, når besøkende scroller ned til dem:
<img src="photo.webp" alt="Match against the Eagles" width="600" height="400" loading="lazy" />Nå er det din tur 💪
- Mål din nettside med Lighthouse og skriv din performance-score ned – det er din startlinje.
- Finn de 3 største bilder på din nettside (F12 → Network-fanen → sorter etter Size).
- Formindsk dem (dimensioner + WebP) og legg til
loading="lazy"til alt undtagen det første bilde øverst. - Mål igen og sammenlign scores. Skriv i
LAUNCH.md: før → efter. - Bonus: test din nettside på din telefon med Wi-Fi slået fra. Hvordan er det?
Forvent ikke 100 point. Selv store nettsider scorer 70–90. Det, der betyder noe, er fremskridt: at gå fra 60 til 85 er en sejr, besøkende faktisk vil bemærke.
Sjekk: Du kjenner din Lighthouse-score før og efter. Dine bilder er endret i størrelse, i WebP og bruker lazy loading. Din nettside indleses mærkbart hurtigere på mobil.
Dette tar du med deg fra leksjonen
- Hastighed = besøkende bliver. 3 sekunder er grænsen.
- Lighthouse forteller deg nøyaktig, hva som skal forbedres.
- Det største greb: mindre bilder (dimensioner, WebP, lazy loading).
© 2026 Ing. Martin Polak / AlgoRhino · Vilkår for innholdsbruk