可交互时间 (TTI) 是 Lighthouse 报告的效果部分跟踪的六个指标之一。每个指标都会捕获页面加载速度的某个方面。
衡量 TTI 非常重要,因为有些网站会以牺牲互动性为代价来优化内容可见度。这可能会导致用户体验不佳:网站似乎已准备就绪,但当用户尝试与其互动时,却什么都没有发生。
Lighthouse 以秒为单位显示 TTI:
TTI 衡量的内容
TTI 用于衡量网页需要多长时间才能完全可交互。当满足以下条件时,网页会被视为完全可交互:
- 网页显示实用内容,这由首次内容绘制时间衡量,
- 系统会为大多数可见的网页元素注册事件处理脚本,并且
- 网页在 50 毫秒内响应用户互动。
Lighthouse 如何确定 TTI 得分
TTI 得分是根据 HTTP 归档中的数据,对您网页的 TTI 与真实网站的 TTI 进行比较得出的。例如,第 99 百分位的网站大约需要 2.2 秒才能呈现 TTI。如果您的网站的 TTI 为 2.2 秒,则 TTI 得分为 99。
下表显示了如何解读 TTI 得分:
| TTI 指标 (以秒为单位) |
颜色编码 |
|---|---|
| 0-3.8 | 绿色(快速) |
| 3.9-7.3 | 橙色(中度) |
| 超过 7.3 | 红色(缓慢) |