TTI是怎么计算的

参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/readyState

https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceTiming/domInteractive

感官性能优化即chrome工具ligthhouse中有一个指标叫
TTI——time to interactive 是衡量加载阶段性能的一个重要指标。具体计算为 domInteractive - navigationStart。其中domInteractive 、navigationStart均为window.performance.timing中的时间戳。

而domInteractive为document的readyStateChange时刻。具体document加载到加载完成有哪些时刻可以参考上面链接。

**PerformanceTiming**.domInteractive 是一个返回代表一个时刻的 unsigned long long 型只读属性，为在主文档的解析器结束工作，即 Document.readyState 改变为 'interactive' 并且相当于 [readystatechange](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/readystatechange "/zh-CN/docs/Web/Reference/Events/readystatechange") 事件被触发之时的 Unix毫秒时间戳。
这个属性被用于测量用户感受的加载网页的速度。然而，如果脚本被屏蔽发生，而不是被异步加载或者使用了自定义的 Web 字体，这里有一些警告可能会发生。在使用这个值作为网页加载用户体验的媒介时，请务必检查一下你是否处于以上的情况。

**PerformanceTiming**.navigationStart 是一个返回代表一个时刻的 unsigned long long 型只读属性，为紧接着在相同的浏览环境下卸载前一个文档结束之时的 Unix毫秒时间戳。
如果没有上一个文档，则它的值相当于 PerformanceTiming.fetchStart。