Le temps d’interaction (TTI) est l’une des six métriques influant sur la note des Core Web Vitals (10/100) comme vous pouvez retrouver sur l’outil Google PageSpeed Insights. Chaque métrique capture un aspect de la tester la vitesse d'un site de chargement d’une page, mais surtout une certaine expérience utilisateur définie par Google. Le temps d’interaction ou TTI, défini le temps nécessaire afin qu’un utilisateur puisse interagir sur une page.
C’est quoi le Time to Interactive (TTI) ?
TTI mesure le temps nécessaire à une page pour devenir entièrement interactive, incluant le chargement complet des fichiers ressources. Une page est considérée comme entièrement interactive lorsque :
- La page affiche un contenu « utile » lorsque celui-ci est mesuré par le First Contentful Paint (FCP).
- Les gestionnaires d'événements sont enregistrés et optimisés pour les éléments de page les plus visibles.
- Pour mesurer la réactivité, la page répond aux interactions de l'utilisateur dans les 50 millisecondes.
Comme dit précédemment, le TTI permet d'évaluer les ressources d'une page et concerne 10 % de la note, une note en vert est comprise entre 0s – 3,8s, en orange 3,9s – 7,3s et en rouge un temps avant interaction supérieur à 7,3s.
Comment améliorer sa note TTI ?
Une amélioration qui peut avoir un effet particulièrement important sur le TTI est le report ou la suppression du JavaScript inutile. Pour trouver et analyser les bouts de code ou les scripts inutilisés parmi ces tâches techniques, il suffit d'utiliser Chrome Dev Tools.
Mais vous pouvez également envisager de réduire les charges utiles JavaScript avec le modèle PRPL :
- preload
- async
- cache
- lazy load
L'optimisation de JavaScript tiers peut elle aussi apporter des améliorations significatives, notamment pour améliorer la performance interactive, surtout pour les sites qui en utilisent beaucoup. Les scripts tiers sont tout simplement du JavaScript qui ne provient pas de votre nom de domaine mais qui est exécuté sur votre site, comme pourrait l'être un script Google Analytics.
Ces deux audit SEOs « classiques » offrent des opportunités supplémentaires pour réduire le travail du JavaScript :
- Minimiser le travail du thread principal du navigateur (permet de mesurer métrique TTI)
- Réduire le temps d'exécution de JavaScript pour améliorer l'interactivité contenu utilisateur et optimiser le contentful interactive TTI
N'hésitez pas à cliquer sur les liens qui détailleront les techniques et processus de A à Z, ainsi que le modèle PRPL pour l'appliquer sur votre site.
Il est également possible que le TTI soit mauvais à cause d'un Time to First Byte (TTFB) bas ou de scripts bloquant le thread principal, le TTFB est le temps que met votre serveur à répondre, dans ce cas-là investissez dans un meilleur hébergement et un CDN, et pensez à optimiser ressources scripts.
La note du TTI : ne pas se concentrer sur ce score
À moins que vous n'ayez une raison précise de vous concentrer sur cette métrique, il est généralement préférable de vous concentrer sur l'amélioration de votre score de performance globale de qualité et notamment celui du LCP (Largest Contentful Paint) et le TBT (Total Blocking Time). En améliorant la qualité de ces deux métriques vous améliorerez naturellement la qualité de votre Time to Interactive (TTI) puisque ce sont les mêmes optimisations.
Je conseille plutôt de retourner sur Lighthouse ou webpagetest.org une fois que vous aurez fini d'optimiser ces 2 métriques (elles représentent d'ailleurs 55/100 du score SEO) puis d'affiner votre TTI si c'est encore nécessaire. À ce moment là, vérifiez les points que j'ai soulevés précédemment pour voir s'ils sont effectivement respectés et pas présents dans un audit Lighthouse.
Enfin, améliorez ces spécificités tout en vous appuyant sur nos articles du LCP & TBT pour savoir comment procéder.
Sachez que, Lighthouse ne vous montre pas ce qui impacte le TTI mais seulement les métriques FCP / TBT/ LCP / CLS, soit 4 métriques sur 6, sachant que certaines « grandes métriques » partagent elles aussi les mêmes optimisations.
En témoigne concrètement ce screenshot de Google PageSpeed :
0 commentaires