• 关键请求链是一系列对页面呈现很重要的依赖网络请求。链的长度越长,下载量越大,对页面加载性能的影响就越大。

Lighthouse 报告通过高优先级加载的关键请求: 最小化关键请求深度审计的截图 Lighthouse 最小化关键请求深度审计的截图 See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Lighthouse 如何识别关键请求链

Lighthouse 使用网络优先级作为识别阻塞呈现的关键资源的代理。有关 Chrome 如何定义这些优先级的更多信息,请参阅 Google 的 Chrome 资源优先级和调度。

有关关键请求链、资源大小和下载资源所用时间的数据是从 Chrome 远程调试协议中提取的。

如何减少关键请求链对性能的影响

使用关键请求链审计结果首先定位对页面加载影响最大的资源:

最小化关键资源的数量:消除它们,推迟下载,将它们标记为 async 等等。 优化关键字节数以减少下载时间(往返次数)。 优化剩余关键资源的加载顺序:尽早下载所有关键资产,缩短关键路径长度。 了解有关优化图像、JavaScript、CSS 和 Web 字体的更多信息。

特定于堆栈的指南

1. Magento

如果您不捆绑您的 JavaScript 资产,请考虑使用 baler。

2. 资源