可能的首次输入延迟上限 (FID) 是 Lighthouse 报告的性能部分跟踪的指标之一。每个指标都会捕获网页加载速度的某个方面。
Lighthouse 显示最大潜在 FID(以毫秒为单位):
![Lighthouse 最大潜在首次输入延迟评估的屏幕截图。](https://developer.chrome.google.cn/static/docs/lighthouse/performance/lighthouse-max-potential-fid/image/a-screenshot-the-lightho-42f3e9ba5080d.png?authuser=9&hl=el)
最大潜在 FID 衡量的内容
最大潜在 FID 用于衡量用户可能遇到的最糟糕的 First Input Delay。First Input Delay 用于衡量从用户首次与您的网站互动(例如点击某个按钮)到浏览器实际能够响应此次互动之间的用时。
Lighthouse 通过查找 First Contentful Paint 之后最长任务的时长来计算最大潜在 FID。系统排除了 First Contentful Paint 之前的任务,因为在任何内容渲染到屏幕上之前用户不太可能尝试与您的页面互动(First Contentful Paint 衡量的是这一点)。
Lighthouse 如何确定您的最高潜在 FID 得分
最大潜在 FID 得分是基于 HTTP Archive 中的数据,网页的最大潜在 FID 时间与实际网站的最大潜在 FID 时间的比较。例如,如果 Lighthouse 中最高潜在 FID 得分为绿色,则表示您的网页的性能优于 90% 的真实网站。
下表介绍了如何解读最高潜在 FID 得分:
潜在 FID 最长时间 (以毫秒为单位) |
颜色编码 |
---|---|
0 - 130 | 绿色(快速) |
130-250 | 橙色(中等) |
超过 250 | 红色(慢) |
如何提高潜在 FID 上限
如果您要尝试大幅提高潜在 FID 得分上限,请参阅如何提高 TTI 得分。大幅提高最大潜在 FID 的策略与提高 TTI 的策略大致相同。
如果您想专门优化最大潜在 FID 得分,则需要缩短最长任务的时长,因为这是最高潜在 FID 技术在技术上衡量的依据。闲置至紧急策略便是一种方法。
如何捕获 FID 字段数据
Lighthouse 潜在 FID 上限的测量值是实验室数据。如需在用户加载网页时捕获真实的 FID 数据,请使用 Google 的 First Input Delay 库。捕获 FID 数据后,您可以将其作为事件报告给您的首选分析工具。
由于 FID 衡量的是实际用户首次与您的页面互动的时间,因此它具有比典型性能指标的固有差异。如需了解如何评估您收集的 FID 数据,请参阅分析和报告 FID 数据。
如何提高总体效果得分
除非您有明确的理由关注某个特定指标,否则通常最好专注于提高总体性能得分。
使用 Lighthouse 报告的优化建议部分可确定哪些改进能给您的网页带来最大的价值。优化建议越重要,对性能得分的影响就越大。例如,下面的 Lighthouse 屏幕截图显示消除阻塞渲染的资源将实现最大的改进:
![Lighthouse:“优化建议”部分](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=9&hl=el)
请参阅“性能审核”着陆页,了解如何解决 Lighthouse 报告中发现的机会。