tag-2021-05-15-tag
TLDR
- TTI指的是用户与UI界面的可交互时间点,它无法用浏览器的API直接侦测到。
- TTI的关键指标与
longtask,network-status,FMP以及quite window有关系。 - 利用请求代理以及浏览器
MutationObserver综合计算TTI。 - 5S内首页变得可交互不失为一种好体验。
- 尽可能快地让网页变得可交互。
TTI
TTI(Time To Interactive)用来标识用户对界面的可操作时间,与其他性能指标一样用来衡量web界面的相关性能。目前为止浏览器提供了一个Performance.timing.domInteractive的api来衡量此项指标。但TTI和其他指标一样,是个变量,我们不会知道代码获取运行时界面是否可以达到交互的状态。因此还是需要借助回调的方式最终得到结果。虽然我们无法用PerformanceOberserver 或者Performance两个方法获取此项指标,但是需要综合各个api对其进行测量。
博文已经迁移到新地址