Pourquoi mon TTI est-il bien plus eleve que mon FCP ?

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).

Time to Interactive (TTI) : Guide Performance

Définition

Métrique mesurant le temps nécessaire pour qu'une page devienne complètement interactive et capable de répondre aux actions utilisateur.

Le Time to Interactive (TTI) mesure le temps ecoule entre le début du chargement d'une page et le moment ou celle-ci est complètement interactive, c'est-a-dire capable de répondre de manière fiable aux interactions utilisateur dans un délai de 50 ms. Le TTI est atteint quand le contenu utile est visible (FCP atteint), les gestionnaires d'événements sont enregistrés, et la page répond aux interactions dans un délai acceptable. Cette métrique est devenue moins centrale depuis l'introduction de l'INP dans les Core Web Vitals, mais elle reste un indicateur précieux pour les audits de performance. Un TTI supérieur à 7,3 secondes est considéré comme mauvais par Lighthouse.

TTI Temps d'interactivité Temps avant interactivité

Points clés à retenir

Mesure le moment ou la page est complètement interactive et réactive aux actions utilisateur
Seuil recommandé : inférieur à 3,8 secondes (bon), supérieur à 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 réellement interactive qu'après 8s (TTI) a cause de l'hydration et des bundles JavaScript volumineux.

Optimisation progressive

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

Questions fréquentes

Le TTI fait-il encore partie des Core Web Vitals ?

Non, le TTI n'a jamais fait officiellement partie des Core Web Vitals. L'INP (Interaction to Next Paint) l'a remplace comme métrique de référence pour l'interactivité. Cependant, le TTI reste présent dans Lighthouse et utile pour les audits techniques.

Pourquoi mon TTI est-il bien plus élevé que mon FCP ?

Un écart important entre FCP et TTI indique que la page affiche du contenu rapidement mais reste bloquee par du JavaScript. Cela crée une expérience 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.

Accueil LemmiLink Performance et expérience utilisateur SEO