1.Time to Interactive
Time to Interactive(TTl,互动时间或称可交互时间)指的是网页需要多长时间才能提供网站的交互功能,它是衡量负载相应能力的重要实验室指标。它有助于确定页面看起来是交互式但实际上并不是交互式的情况,快速的TT互动数据有助于确保页面的可用性。TTI的度量标准是从页面开始加载到页面主要子资源加载之间的时间,它能够快速可靠地响应用户输入的内容和信息。
要想提高TTI,可以对以下内容进行优化。
(1)缩小JavaScript文件。
(2)预先连接到所需的原点。
(3)预先加载关键请求。
(4)减少第三方代码的影响。
(5)最小化关键请求深度。
(6)减少JavaScript的执行时间。
(7)最小化主线程工作。
(8)保持较低的请求数量和较小的传输量。
2.Total Blocking Time
Total Blocking Time(TBT)是指首次内容渲染(FCP)和可交互时间之间的所有时间段的总和,该数值以毫秒表示。TBT衡量的是阻止页面响应用户输入(如单击、屏幕敲击或键盘按压)的总时间。通过将FCP和TTI之间的所有长任务的阻塞部分加到Interactive中,可以计算出总和。任何执行时间超过50毫秒的任务都是一项长任务,50毫秒之后的时间是阻塞部分。例如,如果Lighthouse检测到70毫秒长的任务,则阻止部分将为20毫秒。
TBT是TTI的一个辅助衡量指标,它有助于量化衡量页面在变为可靠交互之前的非交互程度。如果主线程至少有5秒钟没有执行长任务,则TTI判定页面为“可靠的交互”。