Délai avant interactivité (TTI)

Philip Walton

Le délai avant interactivité (TTI) est une métrique expérimentale qui permet de mesurer la réactivité à la charge. Cela permet d'identifier les cas où une page semble interactive, mais ne l'est pas en réalité. Un TTI rapide permet de s'assurer que la page est utilisable.

Qu'est-ce que l'TTI ?

La métrique TTI mesure le délai entre le début du chargement de la page et le chargement de ses principales sous-ressources. Elle est capable de répondre rapidement et de manière fiable aux entrées utilisateur.

Pour calculer l'TTI à partir d'une trace de performances d'une page Web, procédez comme suit:

  1. Commencez par First Contentful Paint (FCP).
  2. Avancez dans le temps sur une fenêtre silencieuse d'au moins cinq secondes, où la fenêtre silencieuse est définie comme: pas de tâches longues et pas plus de deux requêtes GET réseau en cours de transfert.
  3. Recherche en arrière de la dernière longue tâche avant la fenêtre silencieuse, en s'arrêtant à FCP si aucune tâche longue n'est trouvée.
  4. Le TTI correspond à l'heure de fin de la dernière longue tâche avant l'intervalle silencieux (ou la même valeur que le FCP si aucune tâche longue n'est trouvée).

Le schéma suivant devrait vous aider à visualiser les étapes ci-dessus:

Chronologie du chargement d'une page montrant comment calculer l'TTI

Jusqu'à présent, les développeurs optimisaient les pages pour offrir des délais d'affichage rapides, parfois au détriment de l'TTI.

Des techniques telles que le rendu côté serveur (SSR) peuvent donner à une page l'apparence interactive (c'est-à-dire que des liens et des boutons sont visibles à l'écran), mais pas réellement, car le thread principal est bloqué ou parce que le code JavaScript contrôlant ces éléments n'a pas été chargé.

Lorsque les utilisateurs tentent d'interagir avec une page qui semble interactive, mais qui ne l'est pas, ils répondent probablement de l'une des deux manières suivantes:

  • Dans le meilleur des cas, ils seront contrariés par le fait que la page met du temps à répondre.
  • Dans le pire des cas, ils supposeront que la page ne fonctionne pas et partira probablement. Ils peuvent même perdre leur confiance dans la valeur de votre marque.

Pour éviter ce problème, faites tout votre possible pour minimiser la différence entre le FCP et le TTI. Si une différence notable existe, indiquez clairement à l'aide d'indicateurs visuels que les composants de la page ne sont pas encore interactifs.

Comment mesurer l'TTI ?

Le TTI est une métrique qu'il est préférable de mesurer dans l'atelier. Le meilleur moyen de le mesurer est d'effectuer un audit des performances Lighthouse sur votre site. Pour en savoir plus sur l'utilisation, consultez la documentation de Lighthouse sur le TTI.

Outils de l'atelier

Qu'est-ce qu'un bon score TTI ?

Pour offrir une expérience utilisateur de qualité, les sites doivent s'efforcer de respecter un délai avant interactivité inférieur à cinq secondes lors d'un test effectué sur du matériel mobile moyen.

Pour en savoir plus sur l'impact du TTI de votre page sur votre score de performance Lighthouse, consultez Comment Lighthouse détermine votre score TTI.

Améliorer l'TTI

Pour savoir comment améliorer l'TTI 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 l'TTI en général (pour tous les sites), consultez les guides d'amélioration des performances suivants: