关键请求链是一系列对页面呈现很重要的依赖网络请求。链的长度越长,下载量越大,对页面加载性能的影响就越大。
Lighthouse 报告通过高优先级加载的关键请求:
![Lighthouse 最小化关键请求深度审计的截图](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/apWYFAWSuxf9tQHuogSN.png?auto=format)
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 字体的更多信息。
特定于堆栈的指南
Magento
如果您不捆绑您的 JavaScript 资产,请考虑使用 baler。
资源
Updated on • 改进文章