避免链接关键请求

关键请求链是对页面呈现非常重要的一系列相关网络请求。链的长度越长且下载大小越大,对网页加载性能的影响就越显著。

Lighthouse 报告以高优先级加载的关键请求:

Lighthouse 最小化关键请求深度审核的屏幕截图

Lighthouse 如何识别关键请求链

Lighthouse 使用网络优先级作为代理,以识别会阻塞渲染的关键资源。 如需详细了解 Chrome 如何定义这些优先级,请参阅 Google 的 Chrome 资源优先级和调度

系统会从 Chrome 远程调试协议提取关键请求链、资源大小和下载资源所花费的时间。

如何降低关键请求链对性能的影响

使用关键请求链审核结果先确定对网页加载影响最大的资源:

  • 尽可能减少关键资源的数量:消除关键资源、延迟下载、将其标记为 async 等等。
  • 优化关键字节数以缩短下载时间(往返次数)。
  • 优化其余关键资源的加载顺序:尽早下载所有关键资源,以缩短关键路径长度。

详细了解如何优化图片JavaScriptCSS网页字体

针对特定堆栈的指南

Magento

如果您没有捆绑 JavaScript 资源,请考虑使用 baler

资源

最大限度地降低关键请求深度审核的源代码