首次 CPU 空闲时间

首次 CPU 空闲时间是 Lighthouse 报告的效果部分跟踪的六个指标之一。每个指标都会捕获页面加载速度的某个方面。

Lighthouse 会以秒为单位显示“首次 CPU 空闲时间”:

Lighthouse 首次 CPU 闲置时间审核的屏幕截图

首次 CPU 空闲时间衡量的内容

首次 CPU 闲置时间用于衡量网页需要多长时间才能达到最低可交互状态。如果某个网页满足以下条件,则被视为互动度最低:

  • 屏幕上的大多数(但不一定是全部)界面元素都是交互式的,并且
  • 网页平均会在合理的时间内响应大多数用户输入。

Lighthouse 如何确定“首次 CPU 闲置时间”得分

首次 CPU 闲置时间得分是根据 HTTP 归档中的数据,对网页的首次 CPU 闲置时间与真实网站的首次 CPU 闲置时间进行比较得出的。例如,性能表现在第 95 百分位数的网站会在约 3 秒内呈现首次 CPU 空闲时间。如果您的网站的首次 CPU 闲置时间为 3 秒,则首次 CPU 闲置时间得分为 95。

下表显示了如何解读“首次 CPU 空闲”得分:

首次 CPU 空闲时间指标
(以秒为单位)
颜色编码 首次 CPU 闲置时间得分
(HTTP 归档百分位)
0-4.7 绿色(快速) 75-100
4.8-6.5 橙色(中度) 50-74
超过 6.5 红色(缓慢) 0 - 49

如何提高“首次 CPU 闲置时间”得分

请参阅如何提高 TTI 得分。用于缩短首次 CPU 空闲时间的策略与用于缩短 TTI 的策略基本相同。

如何提升总体效果得分

除非您有特定原因要重点关注某个指标,否则通常最好专注于提升整体效果得分。

使用 Lighthouse 报告的诊断部分,确定哪些改进对您的网页最有价值。优化建议的重要性越高,对效果得分的影响就越大。例如,以下 Lighthouse 屏幕截图显示,消除导致渲染阻塞的资源可带来最大的改进:

Lighthouse:显示多项审核及其影响的“诊断”部分
Lighthouse:诊断部分

请参阅性能审核,了解如何解决 Lighthouse 报告中指出的优化建议。

资源