“首次 CPU 空闲时间”是 Lighthouse 报告的性能部分跟踪的 6 个指标之一。 每个指标都会捕获网页加载速度的某个方面。
Lighthouse 显示第一个 CPU 闲置时间(以秒为单位):
![Lighthouse 首次 CPU 空闲审核的屏幕截图](https://developer.chrome.google.cn/static/docs/lighthouse/performance/first-cpu-idle/image/a-screenshot-the-lightho-8b0c06d39a21e.png?authuser=9&hl=el)
首次 CPU 空闲时间衡量的内容
首次 CPU 闲置时间用于衡量页面进入可交互状态所需的时间。 在以下情况下,页面会被视为互动性最低的页面:
- 屏幕上的大多数(但不一定全部)界面元素都是交互式的,
- 网页平均会在合理的时间内响应大多数用户输入。
Lighthouse 如何确定您的首次 CPU 闲置时间得分
“首次 CPU 闲置时间”得分是根据 HTTP 归档中的数据比较真实网站的首次 CPU 闲置时间与首次 CPU 闲置时间。例如,在第 95 百分位内执行的网站会在大约 3 秒内呈现首次 CPU 闲置。如果您网站的首次 CPU 闲置时长为 3 秒,那么您的“首次 CPU 闲置时间”得分为 95。
下表展示了如何解读首次 CPU 闲置时间得分:
首次 CPU 闲置时间指标 (以秒为单位) |
颜色编码 | 首次 CPU 空闲时间得分 (HTTP Archive 百分位) |
---|---|---|
0 - 4.7 | 绿色(快速) | 75 - 100 |
4.8 - 6.5 | 橙色(中等) | 50 - 74 |
6.5 以上 | 红色(慢) | 0 - 49 |
如何提高首次 CPU 闲置时间得分
请参阅如何提高 TTI 分数。改进首次 CPU 空闲时间的策略与提高 TTI 的策略大体相同。
如何提高总体效果得分
除非您有明确的理由关注某个特定指标,否则通常最好专注于提高总体性能得分。
使用 Lighthouse 报告的优化建议部分可确定哪些改进能给您的网页带来最大的价值。优化建议越重要,对性能得分的影响就越大。例如,下面的 Lighthouse 屏幕截图显示消除阻塞渲染的资源将实现最大的改进:
![Lighthouse:“优化建议”部分](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=9&hl=el)
请参阅“性能审核”着陆页,了解如何解决 Lighthouse 报告中发现的机会。