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.

Total Blocking Time (TBT) : Guide Performance

Q: 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.

Définition

Métrique mesurant le temps total pendant lequel le thread principal est bloque et empêche toute interaction utilisateur.

Le Total Blocking Time (TBT) mesure la durée totale pendant laquelle le thread principal du navigateur est occupe par des tâches longues (supérieure à 50 ms chacune) entre le First Contentful Paint et le Time to Interactive. Pendant ces périodes de blocage, le navigateur ne peut pas répondre aux interactions de l'utilisateur (clics, saisie, scroll). Le TBT est un indicateur de laboratoire qui corrélé fortement avec le First Input Delay (FID) et l'Interaction to Next Paint (INP) mesures en conditions réelles. Google Lighthouse recommandé un TBT inférieur à 200 ms. Un TBT élevé est généralement 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 répondre aux interactions
Seuil recommandé : inférieur à 200 ms selon Google Lighthouse
Corrélé fortement avec le FID et l'INP mesures en conditions réelles

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 légère réduit le TBT a 150 ms.

Optimisation JavaScript

Le code-splitting et le chargement diffère des scripts non critiques réduisent le TBT d'une SPA de 2 400 ms a 180 ms, rendant la page immédiatement interactive.

Questions fréquentes

Quelle est la différence entre TBT et FID ?

Le TBT est une métrique de laboratoire qui mesure le blocage total du thread principal. Le FID est une métrique terrain qui mesure le délai réel de la première interaction d'un utilisateur. Le TBT prédit bien le FID mais les deux métriques ne sont pas identiques.

Comment réduire le Total Blocking Time ?

Réduisez 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'éviter toute tâche 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