输入延迟(估算值)

预计输入延迟时间是 Lighthouse 报告的“性能”部分跟踪的六个指标之一。每个指标都会体现网页加载速度的某个方面。

Lighthouse 报告会显示预计输入延迟时间(以毫秒为单位):

Lighthouse 预计输入延迟时间审核的屏幕截图

预计输入延迟会衡量哪些指标

预计输入延迟是一个估算值,表示您的应用在网页加载最繁忙的 5 秒时间范围内响应用户输入所需的时间。此审核的时间是从首次有效绘制到跟踪记录结束,即可交互时间大约 5 秒后结束。如果延迟时间超过 50 毫秒,用户可能会认为您的应用迟缓。

RAIL 性能模型建议应用在 100 毫秒内响应用户输入,而 Lighthouse 的预计输入延迟时间目标得分为 50 毫秒。为什么?Lighthouse 使用代理指标(主线程可用性)来衡量应用对用户输入的响应情况。

Lighthouse 假定您的应用需要 50 毫秒的时间来完全响应用户的输入(从执行任何 JavaScript 执行到以物理方式将新像素绘制到屏幕上)。如果主线程在 50 毫秒或更长时间内不可用,则应用没有足够的时间完成响应。

大约 90% 的用户遇到 Lighthouse 报告的输入延迟时间或更短的问题。10% 的用户会出现更长的延迟时间。

如何提高“预计输入延迟”得分

如需让应用更快地响应用户输入,请优化代码在浏览器中的运行方式。查看 Google 呈现性能页面上列出的一系列技巧。这些技巧包括将计算工作分流到 Web 工作器以释放主线程、重构 CSS 选择器以执行更少的计算,以及使用 CSS 属性最大限度地减少浏览器密集型操作的数量。

如何手动测量预计输入延迟时间

如需手动测量预计输入延迟时间,请使用 Chrome 开发者工具时间轴进行记录。如需查看工作流示例,请参阅减少主线程工作。 基本思路是开始记录,执行要测量的用户输入,停止记录,然后分析火焰图,以确保像素流水线的所有阶段在 50 毫秒内完成。

资源