Kort fortalt: Lighthouse giver ét snapshot; Performance giver tidslinje med flame charts. Brug det når INP er dårlig men lab-score ser fin ud - eller når tredjeparts-scripts opfører sig uforudsigeligt.
Grundflow
Throttling til mobil, clear cache hvis du vil simulere kold bruger, optag mens du interagerer (klik, scroll). Identificer lange gule blokke på Main - det er typisk JavaScript eller layout.
Sammenhæng med long tasks
Opdel arbejde der overstiger ~50 ms i mindre bidder - se long tasks og TBT .
Performance-panelet som arbejdsbænk
Performance-optagelse viser main thread, layout, paint og scripting over tid. Brug det til at finde lange opgaver der blokerer input (relevant for INP) og til at se om animationer tvinger konstant repaint.
Lær at genkende typiske mønstre: ét langt script efter load, gentagne forced synchronous layouts, eller hydration der kører alt for meget på én gang.
Netværk, cache og disable-cache
Med «Disable cache» får I første-besøg-realitet; uden får I gentagne besøg - begge er relevante. Tjek Size vs Transferred for at se om Brotli og cache rammer som forventet.
Brug throttling og «Slow 4G» som standard når I reviewer nye features - ikke som engangsstunt.
Forbindelse til feltdata
Lab-fund skal oversættes til felt: hvis DevTools viser 200 ms TTFB men CrUX viser 900 ms, er problemet geografisk, serverkapacitet eller bestemte sider - ikke den lokale maskine.
Del korte optagelser med designere når animationer eller tunge fonte skaber jank - visuel evidens ændrer prioritering hurtigere end tal alene.
Videre på sitet
Relaterede guides og blogindlæg finder du i kortene nederst på siden. Overblik: Blog, Guides, Ordbog.
FAQ
Skal jeg bruge Lighthouse eller DevTools?
Begge - Lighthouse til regressions-tjek, DevTools til dyb fejlsøgning.
Næste skridt fra begreb til handling
Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
Cookie banner og Core Web Vitals: den oversete årsag til dårlig brugeroplevelse
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
