Total Blocking Time (TBT) : Guide Performance

Définition

Metrique mesurant le temps total pendant lequel le thread principal est bloque et empeche toute interaction utilisateur.

Le Total Blocking Time (TBT) mesure la duree totale pendant laquelle le thread principal du navigateur est occupe par des taches longues (superieure a 50 ms chacune) entre le First Contentful Paint et le Time to Interactive. Pendant ces periodes de blocage, le navigateur ne peut pas repondre aux interactions de l'utilisateur (clics, saisie, scroll). Le TBT est un indicateur de laboratoire qui correle fortement avec le First Input Delay (FID) et l'Interaction to Next Paint (INP) mesures en conditions reelles. Google Lighthouse recommande un TBT inferieur a 200 ms. Un TBT eleve est generalement cause par du JavaScript excessif, des scripts tiers lourds ou un parsing CSS/JS bloquant.

TBT Temps de blocage total Total Blocking Time Lighthouse

Points clés à retenir

Mesure le temps total ou le navigateur est bloque et ne peut repondre aux interactions
Seuil recommande : inferieur a 200 ms selon Google Lighthouse
Correle fortement avec le FID et l'INP mesures en conditions reelles

Exemples concrets

Diagnostic de lenteur interactive

Un site affiche un TBT de 1 800 ms cause par un widget de chat tiers chargeant 500 Ko de JavaScript. Le remplacement par une solution plus legere reduit le TBT a 150 ms.

Optimisation JavaScript

Le code-splitting et le chargement differe des scripts non critiques reduisent le TBT d'une SPA de 2 400 ms a 180 ms, rendant la page immediatement interactive.

Questions fréquentes

Quelle est la difference entre TBT et FID ?

Le TBT est une metrique de laboratoire qui mesure le blocage total du thread principal. Le FID est une metrique terrain qui mesure le delai reel de la premiere interaction d'un utilisateur. Le TBT predit bien le FID mais les deux metriques ne sont pas identiques.

Comment reduire le Total Blocking Time ?

Reduisez la taille du JavaScript, divisez le code en chunks charges a la demande (code-splitting), differez les scripts non critiques avec async/defer, et minimisez les scripts tiers. L'objectif est d'eviter toute tache JavaScript de plus de 50 ms sur le thread principal.

Termes liés

Aller plus loin avec LemmiLink

Découvrez comment LemmiLink peut vous aider à mettre en pratique ces concepts SEO.

Accueil LemmiLink Performance web et SEO