避免链接关键请求

Published on Updated on

Translated to: English, Español, Português, 한국어, Pусский, 日本語

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

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 等等。
  • 优化关键字节数以减少下载时间(往返次数)。
  • 优化剩余关键资源的加载顺序:尽早下载所有关键资产,缩短关键路径长度。

了解有关优化图像JavaScriptCSSWeb 字体的更多信息

特定于堆栈的指南

Magento

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

资源

最小化关键请求深度审计的源代码

Updated on 改进文章

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.