Kort fortalt: TBT måler i lab, hvor meget tid main thread er “optaget” af opgaver over 50 ms i perioden fra First Contentful Paint til Time to Interactive (TTI - historisk referencepunkt). Jo lavere TBT, jo mindre risiko for at siden føles “låst” under indlæsning.
Hvordan hænger TBT sammen med Core Web Vitals?
TBT er ikke et Core Web Vital. Til gengæld korrelerer den ofte med dårlig interaktivitet: tung JavaScript giver både høj TBT i lab og ofte dårligere INP i felt, fordi begge handler om main thread-pres - men INP dækker hele livet på siden, ikke kun bootstrapping.
Brug TBT når I:
- sammenligner builds i CI,
- debugger hvor meget CPU-arbejde der sker under load,
- forklarer ikke-tekniske interessenter hvorfor “for meget JS” gør ondt i startfasen.
Hvad skaber høj TBT?
- Store bundles der parses og kompileres ved start
- Mange opgaver der hver især fylder - eller færre meget lange
- Third-party scripts der kører tidligt
- Dyr hydration og layout-arbejde efter første paint
Forbedringer der typisk sænker TBT
- Code splitting og udskudt indlæsning af ikke-kritisk JS
- Fjern eller udskyd tredjepart; load kun det der er nødvendigt før interaktion
- Profiler med Lighthouse “Minimize main-thread work” og Chrome Performance - find de konkrete funktioner og tags
Relaterede begreber
FAQ
Er lav TBT en garanti for god INP?
Nej. INP måler interaktioner over hele sideforløbet, ikke kun loadfasen. Lav TBT er et godt tegn, men tunge event handlers efter load kan stadig give dårlig INP.
Er TBT et Core Web Vital?
Nej. CWV i felt er LCP, INP og CLS. TBT er et lab-hjælpemiddel der ofte korrelerer med interaktivitetsproblemer under indlæsning.
Forsvinder TBT fra Lighthouse?
Værktøjer udvikler sig. TBT har været central i mange performance-scoremodeller - hold øje med release notes, men fortsæt med at måle long tasks og INP uanset navnet på en enkelt delscore.
Hvad er forholdet mellem TBT og long tasks?
TBT aggregerer bidrag fra tasks der blokkerer over en tærskel i et vindue efter FCP. Long tasks er de underliggende bidder I ser i Performance-panelet.
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.
