Total Blocking Time (TBT)
Définition de Total Blocking Time (TBT)
Le Total Blocking Time (TBT) est un indicateur de performance web qui mesure le temps total pendant lequel une page est bloquée et ne peut pas répondre aux interactions utilisateur durant son chargement. Il quantifie tous les moments où le navigateur est "occupé" par des tâches JavaScript lourdes et ne peut pas traiter les clics, saisies ou autres actions de l'utilisateur.
Le TBT additionne toutes les périodes de blocage supérieures à 50 millisecondes entre le First Contentful Paint et le Time To Interactive .
Pourquoi le TBT est-il important ?
Le TBT révèle la frustration réelle vécue par l'utilisateur lorsqu'il tente d'interagir avec une page qui semble chargée mais ne répond pas. Un TBT élevé signifie que l'utilisateur va subir des délais ou des "freezes" en essayant de cliquer sur des boutons ou de remplir des formulaires.
C'est un indicateur particulièrement révélateur de la qualité de l'expérience utilisateur sur mobile, où les performances sont souvent plus limitées.
Quels sont les seuils TBT recommandés ?
Google classe les performances du TBT selon ces critères :
- 🟢 Bon : inférieur à 200 millisecondes
- 🟡 À améliorer : entre 200 et 600 millisecondes
- 🔴 Mauvais : supérieur à 600 millisecondes
Le TBT peut être mesuré via Lighthouse ou les outils de développement du navigateur.
Pourquoi le TBT est-il important ?
Pour améliorer le TBT, il faut optimiser l'exécution du JavaScript pendant le chargement :
- Découper les tâches JavaScript lourdes en plus petites unités
- Différer l'exécution des scripts non critiques après le chargement initial
- Optimiser et minifier le code JavaScript pour réduire son temps d'exécution
- Utiliser le code splitting pour ne charger que le JavaScript nécessaire
Un TBT optimisé garantit une expérience utilisateur fluide dès les premiers instants d'interaction avec votre site.