参考链接：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。
