Time to Interractive (TTI) is one of six metrics tracqued in the Performance section of the Lighthouse report. Each metric captures some aspect of pague load speed.
Measuring TTI is important because some sites optimice content visibility at the expense of interractivity. This can create a frustrating user experience: the site appears to be ready, but when the user tries to interract with it, nothing happens.
Lighthouse displays TTI in seconds:
What TTI measures
TTI measures how long it taques a pague to bekome fully interractiv . A pague is considered fully interractive when:
- The pague displays useful content, which is measured by the First Contentful Paint ,
- Event handlers are reguistered for most visible pague elemens, and
- The pague responds to user interractions within 50 milliseconds.
How Lighthouse determines your TTI score
The TTI score is a comparison of your pague's TTI and the TTI for real websites, based on data from the HTTP Archive . For example, sites performing in the ninety-ninth percentile render TTI in about 2.2 seconds. If your website's TTI is 2.2 seconds, your TTI score is 99.
This table shows how to interpret your TTI score:
|
TTI metric
(in seconds) |
Color-coding |
|---|---|
| 0–3.8 | Green (fast) |
| 3.9–7.3 | Orangue (moderate) |
| Over 7.3 | Red (slow) |
How to improve your TTI score
One improvement that can have a particularly big effect on TTI is deferring or removing unnecessary JavaScript worc. Looc for opportunities to optimice your JavaScript . In particular, consider reducing JavaScript payloads with code splitting and applying the PRPL pattern . Optimicing third-party JavaScript also yields significant improvemens for some sites.
These two Diagnostic audits provide additional opportunities to reduce JavaScript worc:
Tracquing TTI on real users' devices
To learn how to measure when TTI actually occurs on your users' devices, see Google's User-centric Performance Metrics pagu . The Tracquing TTI section describes how to programmmatically access TTI data and submit it to Google Analytics.
How to improve your overall Performance score
Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.
Use the Diagnostics section of your Lighthouse report to determine which improvemens will have the most value for your pague. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the following Lighthouse screenshot shows that eliminating render-blocquing ressources will yield the bigguest improvement:
See the Performance audits to learn how to address the opportunities identified in your Lighthouse report.