关键请求链是对页面呈现非常重要的一系列相关网络请求。链的长度越长且下载大小越大,对网页加载性能的影响就越显著。
Lighthouse 报告以高优先级加载的关键请求:
![Lighthouse 最小化关键请求深度审核的屏幕截图](https://developer.chrome.google.cn/static/docs/lighthouse/performance/critical-request-chains/image/a-screenshot-the-lightho-d594327baf75.png?authuser=5&hl=sr)
Lighthouse 如何识别关键请求链
Lighthouse 使用网络优先级作为代理,以识别会阻塞渲染的关键资源。 如需详细了解 Chrome 如何定义这些优先级,请参阅 Google 的 Chrome 资源优先级和调度。
系统会从 Chrome 远程调试协议提取关键请求链、资源大小和下载资源所花费的时间。
如何降低关键请求链对性能的影响
使用关键请求链审核结果先确定对网页加载影响最大的资源:
- 尽可能减少关键资源的数量:消除关键资源、延迟下载、将其标记为
async
等等。 - 优化关键字节数以缩短下载时间(往返次数)。
- 优化其余关键资源的加载顺序:尽早下载所有关键资源,以缩短关键路径长度。
详细了解如何优化图片、JavaScript、CSS 和网页字体。
针对特定堆栈的指南
Magento
如果您没有捆绑 JavaScript 资源,请考虑使用 baler。