Délai avant interactivité

Le temps de réponse (TTI) est l'une des six métriques suivies dans la section Performances du rapport Lighthouse. Chaque métrique capture un aspect de la vitesse de chargement de la page.

Mesurer le TTI est important, car certains sites optimisent la visibilité du contenu au détriment de l'interactivité. Cela peut créer une expérience utilisateur frustrante : le site semble prêt, mais lorsque l'utilisateur tente d'interagir avec lui, rien ne se passe.

Lighthouse affiche le TTI en secondes:

Capture d'écran de l'audit Lighthouse "Temps de réponse"

Ce que mesure le TTI

Le TTI mesure le temps nécessaire pour qu'une page devienne entièrement interactive. Une page est considérée comme entièrement interactive lorsque:

  • La page affiche du contenu utile, mesuré par First Contentful Paint.
  • Les gestionnaires d'événements sont enregistrés pour la plupart des éléments de page visibles, et
  • La page répond aux interactions des utilisateurs sous 50 millisecondes.

Comment Lighthouse détermine-t-il votre score TTI ?

Le score TTI est une comparaison du TTI de votre page et du TTI de sites Web réels, basée sur les données de l'archive HTTP. Par exemple, les sites qui se situent au 99e centile affichent un TTI d'environ 2,2 secondes. Si le TTI de votre site Web est de 2,2 secondes, votre score TTI est de 99.

Ce tableau vous explique comment interpréter votre score TTI:

Métrique TTI
(en secondes)
Codes couleur
0 à 3,8 Vert (rapide)
3,9 à 7,3 Orange (modéré)
Plus de 7,3 Rouge (lent)

Améliorer votre score TTI

Une amélioration qui peut avoir un impact particulièrement important sur le TTI consiste à différer ou à supprimer les tâches JavaScript inutiles. Recherchez des opportunités d'optimiser votre code JavaScript. En particulier, envisagez de réduire les charges utiles JavaScript avec le fractionnement du code et d'appliquer le modèle PRPL. L'optimisation du code JavaScript tiers permet également d'obtenir des améliorations significatives pour certains sites.

Ces deux audits de diagnostic offrent des possibilités supplémentaires de réduire le travail JavaScript:

Suivre le TTI sur les appareils d'utilisateurs réels

Pour savoir comment mesurer le moment où le TTI se produit réellement sur les appareils de vos utilisateurs, consultez la page Métriques de performances axées sur l'utilisateur de Google. La section Suivi du TTI explique comment accéder de manière programmatique aux données TTI et les envoyer à Google Analytics.

Améliorer votre score global de performances

Sauf si vous avez une raison spécifique de vous concentrer sur une métrique particulière, il est généralement préférable de vous concentrer sur l'amélioration de votre score global de performances.

Utilisez la section Diagnostics de votre rapport Lighthouse pour déterminer quelles améliorations seront les plus utiles pour votre page. Plus l'opportunité est importante, plus elle aura d'impact sur votre score de performances. Par exemple, la capture d'écran Lighthouse suivante montre que l'élimination des ressources bloquant le rendu apportera la plus grande amélioration:

Lighthouse: section "Diagnostics" affichant un certain nombre d'audits et leur impact
Lighthouse: section "Diagnostics"

Consultez les audits des performances pour découvrir comment exploiter les opportunités identifiées dans votre rapport Lighthouse.

Ressources