Time to Interactive (TTI)

metriques avance

Définition

Metrique mesurant le temps necessaire pour qu'une page devienne completement interactive et capable de repondre aux actions utilisateur.

Le Time to Interactive (TTI) mesure le temps ecoule entre le debut du chargement d'une page et le moment ou celle-ci est completement interactive, c'est-a-dire capable de repondre de maniere fiable aux interactions utilisateur dans un delai de 50 ms. Le TTI est atteint quand le contenu utile est visible (FCP atteint), les gestionnaires d'evenements sont enregistres, et la page repond aux interactions dans un delai acceptable. Cette metrique est devenue moins centrale depuis l'introduction de l'INP dans les Core Web Vitals, mais elle reste un indicateur precieux pour les audits de performance. Un TTI superieur a 7,3 secondes est considere comme mauvais par Lighthouse.

TTI Temps d'interactivite Temps avant interactivite

Points clés à retenir

  • Mesure le moment ou la page est completement interactive et reactive aux actions utilisateur
  • Seuil recommande : inferieur a 3,8 secondes (bon), superieur a 7,3 secondes (mauvais)
  • Moins central depuis l'introduction de l'INP, mais toujours pertinent pour les audits

Exemples concrets

Page avec JavaScript lourd

Un SPA React affiche son contenu en 1,5s (FCP) mais n'est reellement interactive qu'apres 8s (TTI) a cause de l'hydration et des bundles JavaScript volumineux.

Optimisation progressive

L'implementation du server-side rendering et du lazy loading des composants non critiques reduit le TTI d'un site e-commerce de 9,2s a 3,8s.

Questions fréquentes

Non, le TTI n'a jamais fait officiellement partie des Core Web Vitals. L'INP (Interaction to Next Paint) l'a remplace comme metrique de reference pour l'interactivite. Cependant, le TTI reste present dans Lighthouse et utile pour les audits techniques.

Un ecart important entre FCP et TTI indique que la page affiche du contenu rapidement mais reste bloquee par du JavaScript. Cela cree une experience frustrante ou l'utilisateur voit le contenu mais ne peut pas interagir. La solution passe par l'optimisation du JavaScript (code-splitting, defer, lazy loading).

Termes liés

Aller plus loin avec LemmiLink

Découvrez comment LemmiLink peut vous aider à mettre en pratique ces concepts SEO.

Dernière mise à jour : 2026-02-07