最大潜在首次输入延迟时间 (FID) 是 Lighthouse 报告的效果部分中跟踪的指标之一。每个指标都会捕获页面加载速度的某个方面。
Lighthouse 会以毫秒为单位显示最长的潜在 FID:
最长的潜在 FID 衡量的内容
首次输入延迟最长预估值用于衡量用户可能会遇到的最差情况首次输入延迟。First Input Delay 衡量从用户首次与您的网站互动(例如点击按钮)到浏览器实际能够对这次互动做出响应的时间。
Lighthouse 通过查找 First Contentful Paint 之后用时最长的任务的耗时来计算最大潜在 FID。系统会排除首次内容渲染之前的任务,因为在任何内容渲染到屏幕之前,用户不太可能尝试与您的网页互动,而首次内容渲染就是衡量这一点的指标。
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 的首次输入延迟库。捕获 FID 数据后,您可以将其作为事件报告给首选分析工具。
由于 FID 衡量的是实际用户首次与您的网页互动的时间,因此与典型的性能指标相比,其固有变异性更大。如需有关如何评估您收集的 FID 数据的指导,请参阅分析 FID 数据和生成报告。
如何提升总体效果得分
除非您有特定原因要重点关注某个指标,否则通常最好专注于提升整体效果得分。
使用 Lighthouse 报告的诊断部分,确定哪些改进对您的网页最有价值。优化建议的重要性越高,对效果得分的影响就越大。例如,以下 Lighthouse 屏幕截图显示,消除导致渲染阻塞的资源可带来最大的改进:
请参阅性能审核,了解如何解决 Lighthouse 报告中指出的优化建议。