Temps de blocage total (TBT)

Qu'est-ce que la navigation détaillée ?

La métrique "Total Blocking Time" (TBT) mesure le temps total après lequel le thread principal a été bloqué suffisamment longtemps après le First Contentful Paint (FCP) pour empêcher la réactivité aux entrées.

Par défaut, Lighthouse arrête la surveillance de la navigation détaillée après le délai avant interactivité (TTI), comme c'est le cas avec d'autres outils d'atelier qui mesurent le chargement des pages. Consultez la section Quel est le lien entre la requête de contrôle d'accès et le TTI ?.

Le thread principal est considéré comme "bloqué" chaque fois qu'il existe une tâche longue, c'est-à-dire une tâche qui s'exécute sur le thread principal pendant plus de 50 millisecondes (ms). Nous disons que le thread principal est "bloqué", car le navigateur ne peut pas interrompre une tâche en cours. Ainsi, si un utilisateur interagit avec la page au milieu d'une tâche longue, le navigateur doit attendre la fin de la tâche avant de pouvoir répondre.

Si la tâche est suffisamment longue (plus de 50 ms), il est probable que l'utilisateur remarquera le délai et perçoit la page comme lente ou saccadée.

Le temps de blocage d'une tâche longue est sa durée supérieure à 50 ms. Le temps de blocage total d'une page correspond à la somme du temps de blocage de chaque tâche longue qui se produit après le FCP pendant la période mesurée (généralement le TTI pour les outils de chargement de page ou le temps de trace total pour d'autres outils).

Prenons l'exemple du schéma suivant du thread principal du navigateur lors du chargement de la page:

Chronologie des tâches sur le thread principal

La chronologie ci-dessus comporte cinq tâches, dont trois sont des tâches longues, car leur durée dépasse 50 ms. Le schéma suivant indique le temps de blocage pour chacune des tâches longues:

Chronologie des tâches sur le thread principal indiquant le temps de blocage

Ainsi, alors que le temps total passé à exécuter des tâches sur le thread principal est de 560 ms, seulement 345 ms de ce temps sont considérés comme du temps bloquant.

Durée de la tâche Temps de blocage de la tâche
Tâche 1 250 ms 200 ms
Tâche 2 90 ms 40 ms
Tâche trois 35 ms 0 ms
Tâche quatre 30 ms 0 ms
Tâche 5 155 ms 105 ms
Total Blocking Time 345 ms

Quel est le lien entre la navigation détaillée et le TTI ?

La conversion de type "TBT" est mesurée sur une période donnée. Pour certains outils d'atelier qui mesurent traditionnellement les chargements de page, y compris Lighthouse, la conversion après affichage a été mesurée jusqu'au TTI, car elle permet de quantifier l'importance du caractère non interactif d'une page avant qu'elle ne devienne interactive de manière fiable. Toutefois, il est également possible de mesurer cette valeur après le chargement de la page, au-delà du TTI, par exemple en mode Période Lighthouse.

L'TTI considère qu'une page est "fiable interactive" si le thread principal n'a pas été chargé de longues tâches pendant au moins cinq secondes. Cela signifie que trois tâches de 51 ms et étalées sur 10 secondes peuvent repousser l'TTI jusqu'à une seule tâche de 10 secondes, mais ces deux scénarios peuvent sembler très différents pour un utilisateur qui tente d'interagir avec la page.

Dans le premier cas, trois tâches de 51 ms auraient une valeur de délai de test de 3 ms. En revanche, pour une tâche unique de 10 secondes, celle-ci serait de 9 950 ms. Dans le second cas, la valeur de délai de test la plus élevée quantifie la moins bonne expérience.

Cet exemple montre pourquoi il s'agit souvent d'une meilleure métrique que le TTI, car il est moins sujet aux anomalies. C'est même le cas lorsque le TTI est utilisé comme point de terminaison pour la navigation détaillée.

Mesurer les actions de conversion à partir d'un texte

La requête de contrôle d'accès est une métrique qui doit être mesurée dans l'atelier. Le meilleur moyen de mesurer cette métrique consiste à effectuer un audit des performances Lighthouse sur votre site. Pour en savoir plus sur l'utilisation, consultez la documentation de Lighthouse sur la commande TBT.

Outils de l'atelier

Qu'est-ce qu'un bon score de navigation détaillée ?

Pour offrir une expérience utilisateur de qualité, les sites doivent s'efforcer de respecter un temps de blocage total inférieur à 200 millisecondes lors d'un test effectué sur du matériel mobile moyen.

Pour en savoir plus sur l'impact de la synthèse des données de votre page sur le score de performance associé à Lighthouse, consultez la section Comment Lighthouse détermine votre score de suivi des conversions ?

Améliorer la navigation détaillée

Afin de découvrir comment améliorer l'analyse de données pour un site spécifique, vous pouvez effectuer un audit de performances Lighthouse et prêter attention aux opportunités spécifiques suggérées par l'audit.

Pour découvrir comment améliorer la navigation détaillée en général (pour tous les sites), consultez les guides d'amélioration des performances suivants: