应用性能监控全链路版
应用性能监控全链路版
文档指南
请输入
- 文档首页
应用性能监控全链路版用户指南客户端监控WebPro 端监控使用指南性能指标及计算方式如何计算 TTI 指标
复制全文
下载 pdf如何计算 TTI 指标
文档反馈
问问助手什么是 TTI 指标
TTI（Time To Interactive），即从页面加载开始到页面处于完全可交互状态所花费的时间。页面处于完全可交互状态时，满足以下 3 个条件：
- 页面已经显示有用内容。
- 页面上的可见元素关联的事件响应函数已经完成注册。
- 事件响应函数可以在事件发生后的 50ms 内开始执行。
很多情况下，开发者往往只关注页面渲染相关的指标，如 FP、FCP 等，而忽视了页面的可用性指标。TTI 即是反映页面可用性的重要指标。TTI 值越小，代表用户可以更早地操作页面，用户体验就更好。
平台如何消费 TTI
站点性能总览
在站点性能总览的 PID 聚合模块中，可以查看页面的整体 TTI 达标率，也可以把 TTI 最差的页面按排名展示。
在站点性能总览的指标总览模块中，可以看到整站的 TTI 情况以及趋势。
页面详情
从站点性能总览点击单个 pid 链接，进入页面详情后，也可以观察单个页面的 TTI 情况。
页面列表
页面列表的概览表格中，在自定义列中勾选各项体验指标后，即可从页面的角度来观察各项指标。
数据探索
数据探索中 Views 模块中的自定义列里勾选 TTI 指标后，即可查看每次页面访问的 TTI 指标。
数据分析
在数据分析页面中可以筛选 TTI 维度，任意结合其他指标生成图表进行消费，配置完成后可添加至看板。
监控报警
如何获取 TTI 指标
用户访问 Web 页面，通常会有两种模式:
- 直接通过服务端路由切换的同步跳转场景
- 通过客户端路由跳转的 SPA 页面切换场景
算法描述
Long Task ：在浏览器主线程执行时间超过 50ms 的 Task。
静默窗口期：窗口所对应的时间内没有 Long Task，且进行中的网络请求数不超过 2 个。
参考上述示意图（图中的 First Consistently Interactive 即为 TTI ）。
- 从起始点（一般选择 FCP 或 FMP）时间开始，向前搜索一个不小于 5s 的静默窗口期。静默窗口期：窗口所对应的时间内没有 Long Task，且进行中的网络请求数不超过 2 个。
- 找到静默窗口期后，从静默窗口期向后搜索到最近的一个 Long Task，Long Task 的结束时间即为 TTI。
- 如果没有找到 Long Task，以起始点时间作为 TTI。
- 如果 2、3 步骤得到的 TTI < DOMContentLoadedEventEnd，以 DOMContentLoadedEventEnd 作为TTI。
浏览器兼容性说明
如何优化 TTI 指标
如需了解改进 TTI 的常见方式（针对任何网站），请参见以下性能指南：
参考资料
- https://docs.google.com/document/d/1GGiI9-7KeY3TPqS3YT271upUVimo-XiL5mwWorDUD4c
- https://web.dev/tti
最近更新时间：2026.02.10 19:56:16
这个页面对您有帮助吗？
有用
有用
无用
无用