可交互时间（TTI）
可交互时间是一项重要的网页性能指标，指网页变得可交互所需的时间。到了这个时间点，用户就可以完全使用网页，例如填写表单或点击按钮。TTI 越低，页面加载越快，交互也越迅速。
发布时间： 2025年8月19日
最后更新： 2025年9月29日
什么是可交互时间？
从页面开始加载到页面完全可交互之间的这段时间称为 TTI。在这段时间内，页面的所有重要元素都已清晰可见，用户可以无延迟地进行输入。
可交互时间是影响用户体验的关键因素。为了实现流畅的交互，它应尽可能低。
可交互时间是如何运作的？
可交互时间的计算方法是测量网页从开始加载到完全加载所用的时间。到了这个时间点，不再有长任务阻塞主线程，页面也已完全渲染。
在 Google 的 Lighthouse 等性能指标工具中，TTI 分数占有重要地位，它决定了网站多快能够投入使用。加载时间长、脚本冗长以及代码质量差，都会对性能分数和 TTI 产生负面影响。
如何改善 TTI？
- 减少 JavaScript 执行时间和阻塞时间。
- 使用代码拆分和延迟加载。
- 优化服务器响应时间和第三方脚本。
- 优先渲染首屏内容。
通过改善 TTI，开发人员可以缩短网站的加载时间，让网站更快地变得完全可交互，从而提升用户满意度。
示例
- 一个加载速度快且脚本经过优化的网站，可交互时间为 3 秒。
- 一个充斥大量广告的新博客网站大约需要 8 秒才能变得可交互，导致性能得分低、用户流失率高。
- 优化某旅游网站的图片尺寸和脚本后，TTI 缩短了 50%，最终改善了 TTI 和跳出率。
理解并改善可交互时间，能带来更流畅的数字体验，帮助网站在当今对速度高度敏感的环境中取得成功。