Total Blocking Time
Abréviation(s) : TBT
Le Total Blocking Time (TBT) est une métrique de performance web qui évalue la quantité de temps pendant laquelle une page web est bloquée, c’est-à-dire incapable de répondre aux interactions de l’utilisateur, pendant le processus de chargement. Plus précisément, le TBT mesure le temps cumulé entre le First Contentful Paint (FCP) (premier affichage de contenu) et le Time to Interactive (TTI) (moment où la page devient pleinement interactive), lorsque des tâches longues (supérieures à 50 ms) bloquent le thread principal du navigateur.
Le TBT reflète la réactivité perçue par l’utilisateur et contribue directement à l’expérience utilisateur. Un TBT élevé indique que l’utilisateur pourrait essayer de cliquer ou d’interagir avec la page, mais que celle-ci est encore occupée à traiter des scripts ou à charger des ressources, rendant les interactions impossibles.
Les principales causes d’un TBT élevé incluent :
- JavaScript lourd : L’exécution de scripts complexes ou non optimisés peut monopoliser le thread principal, retardant la réponse aux interactions.
- Tâches longues : Des tâches non divisées qui dépassent 50 ms de traitement peuvent bloquer le navigateur.
- Ressources non optimisées : Chargement et traitement d’éléments lourds ou non essentiels en priorité.
Pour améliorer le TBT, des techniques comme :
- Fractionner les tâches longues pour éviter de bloquer le thread principal.
- Optimiser le JavaScript pour réduire la taille des fichiers et prioriser les scripts critiques.
- Lazy loading : Charger de manière différée les éléments non essentiels.
Le TBT est une métrique importante, en particulier pour les utilisateurs mobiles, où les appareils ont souvent des processeurs moins puissants. Il est également utilisé pour évaluer les performances web dans les Core Web Vitals de Google.
