Hurtigere hjemmeside hjælp til en langsom hjemmeside

Lighthouse

Lighthouse er et automatiseret lab-værktøj i Chrome der scorer performance, tilgængelighed og mere. Det er stærkt til diagnose, men ikke en erstatning for feltdata (CrUX).

Skrevet af Kim Tetzlaff

Kort fortalt: Lighthouse kører en side under kontrollerede forhold og giver scores samt konkrete audits. Performance-delen hænger sammen med metriker som LCP, TBT og Speed Index, men resultatet er lab - ikke nødvendigvis jeres felts resultat fra CrUX.

Hvad måler Lighthouse?

Lighthouse spinner siden op, optager trace og udregner blandt andet:

  • Performance score (0–100) baseret på vægtede lab-metriker
  • Forslag under “Opportunities” og “Diagnostics”
  • Separate audits for tilgængelighed, best practices, SEO m.m. (afhængigt af konfiguration)

Performance-audits peger typisk på render-blocking, billeder, cache, tredjepart og JavaScript.

Hvorfor Lighthouse er værdifuldt

  • Reproducerbar feedback - god i CI og ved refactors.
  • Hjælper med at finde LCP-element, request-kæder og lange tasks i et trace.
  • Nemt at dele som rapport med team og leverandører.

Hvorfor Lighthouse ikke er “facit”

  • Andre CPU’er, net og cache-tilstande end jeres brugere.
  • Ét besøg ad gangen - ingen statistisk spredning som i felt.
  • Extensions, cookies, login og A/B-tests kan påvirke resultatet hvis I ikke tester i ren profil.

Brug Lighthouse til at rette fejl og afprøve hypoteser. Brug CrUX og eventuelt RUM til at validere effekten i felt.

Typiske audits I ser igen og igen

  • Reduce unused JavaScript / CSS
  • Properly size images / next-gen formats
  • Eliminate render-blocking resources
  • Reduce impact of third-party code
  • Minimize main-thread work

Brug dem som prioriteret to-do-liste, ikke som religiøse bud - nogle forslag gælder ikke jeres arkitektur.

Sådan kører I det konsistent

  • Samme throttling-profil mellem kørsler når I sammenligner før/efter.
  • Test både mobil og desktop presets hvis begge er relevante.
  • Dokumentér URL, miljø og dato når I deler tal internt - ellers bliver diskussionen meningsløs.

Relaterede begreber

FAQ

Hvorfor matcher Lighthouse ikke PageSpeed Insights felt?

PSI kan vise både felt (CrUX) og lab (Lighthouse). Felt kommer fra rigtige brugere når data findes; lab er kontrolleret og kan afvige markant - især på mobil.

Skal jeg jagte 100 i performance-score?

Sjældent. Sigte efter solide Core Web Vitals i felt og en god brugeroplevelse. Score er et hjælpeværktøj med vægte der ændrer sig - det er ikke facit.

Kan Lighthouse køre i CI?

Ja - headless Chrome og Lighthouse CI er almindelige. Sørg for stabile maskiner, ren profil uden extensions, og at I sammenligner builds ensartet.

Dækker Lighthouse alt?

Nej. Det fanger mange klassiske problemer, men ikke forretningslogik, A/B-tests der ændrer DOM, eller langsomme servere bag auth. Kombinér med servermålinger og RUM.

Næste skridt fra begreb til handling

Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.

Om forfatteren

Kim Tetzlaff

Kim skriver og vedligeholder indhold på hurtigere-hjemmeside.dk med fokus på målelig performance, Core Web Vitals og teknisk SEO. Målet er at gøre optimering konkret: hvad der faktisk flytter tal i feltdata, og hvordan du finder den korteste vej fra symptom til fix.

Kim Tetzlaff