首次 CPU 空闲时间是 Lighthouse 报告的效果部分跟踪的六个指标之一。每个指标都会捕获页面加载速度的某个方面。
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 报告中指出的优化建议。