Qu'est-ce que le TLN ?
La métrique de temps de blocage total (TBT) mesure la durée totale après First Contentful Paint (FCP) pendant laquelle le thread principal a été bloqué suffisamment longtemps pour empêcher la réactivité aux entrées.
Par défaut, Lighthouse arrête la surveillance du suivi avancé des conversions après le délai d'interaction (TTI), tout comme d'autres outils de l'atelier qui mesurent le chargement des pages. Consultez l'article Quel est le lien entre le TTI et le TTI ?).
Le thread principal est considéré comme "bloqué" chaque fois qu'une tâche Long Task est exécutée sur le thread principal pendant plus de 50 millisecondes. 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 longue tâche, le navigateur doit attendre la fin de l'opération avant de pouvoir répondre.
Si la tâche est suffisamment longue (au-delà de 50 millisecondes), il est probable que l'utilisateur remarque ce retard et perçoive la page comme lente ou non fonctionnelle.
Le temps de blocage d'une longue tâche donnée correspond à sa durée supérieure à 50 millisecondes. Et le temps de blocage total pour une page correspond à la somme du temps de blocage de chaque longue tâche qui se produit après le FCP pour la période mesurée (généralement le TTI pour les outils de chargement de page ou le temps total de trace pour d'autres outils).
Prenons l'exemple du diagramme suivant, qui représente le thread principal du navigateur pendant le chargement de la page:
La chronologie illustrée dans l'image précédente comporte cinq tâches, dont trois sont de longues tâches, car leur durée dépasse 50 millisecondes. Le schéma suivant montre le temps de blocage pour chacune des longues tâches:
Ainsi, le temps total consacré à l'exécution de tâches sur le thread principal est de 560 millisecondes, mais seules 345 millisecondes de ce temps sont considérées comme du temps de blocage.
| Durée de la tâche (millisecondes) | Temps de blocage des tâches (millisecondes) | |
|---|---|---|
| Tâche 1 | 250 | 200 |
| Tâche 2 | 90 | 40 |
| Tâche 3 | 35 | 0 |
| Tâche 4 | 30 | 0 |
| Tâche cinq | 155 | 105 |
| Total Blocking Time (Durée totale de blocage) | 345 millisecondes | |
Quel est le lien entre le TTI et le TTI ?
Le TEC est mesuré sur une période donnée. Pour certains outils d'atelier qui mesurent traditionnellement les chargements de page, y compris Lighthouse, le MT est mesuré jusqu'au TTI, car il permet de quantifier le degré de non-interactivité d'une page avant qu'elle ne devienne fiable. Toutefois, le taux de change peut également continuer à être mesuré après le chargement de la page, et ainsi de suite au-delà du TTI, par exemple en mode période Lighthouse.
TTI considère qu'une page est "interactive de manière fiable" si le thread principal a été exempt de longues tâches pendant au moins cinq secondes. Cela signifie que trois tâches de 51 ms réparties sur 10 secondes peuvent repousser le 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 un temps de latence de 3 millisecondes. Alors qu'une tâche unique de 10 secondes aurait un temps de latence de 9 950 millisecondes. Dans le second cas, plus la valeur de TTC est élevée, plus l'expérience est nuisible.
Cet exemple montre pourquoi le TTI est souvent 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 le TTI.
Mesurer le TEC
La métrique "TBT" est une métrique qui doit être mesurée lors de l'atelier. La meilleure façon de mesurer le TA est d'exécuter un audit de performances Lighthouse sur votre site. Pour en savoir plus sur son utilisation, consultez la documentation Lighthouse sur la fonctionnalité de ciblage par contournement.
Outils de l'atelier
Qu'est-ce qu'un bon score TBT ?
Afin d'offrir une expérience utilisateur de qualité, les sites doivent s'efforcer de limiter le temps total de blocage à moins de 200 millisecondes lorsqu'ils sont testés sur du matériel mobile standard.
Pour en savoir plus sur l'impact du TTC de votre page sur votre score de performances Lighthouse, consultez Comment Lighthouse détermine-t-il votre score de TA.
Comment améliorer le suivi des conversions à distance
Pour savoir comment améliorer le suivi des conversions 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 savoir comment améliorer le ciblage par types d'appareil en général (pour tous les sites), consultez les guides sur les performances suivants: