避免链接关键请求
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
关键请求链是对页面呈现非常重要的一系列相关网络请求。链的长度越长且下载大小越大,对网页加载性能的影响就越显著。
Lighthouse 报告以高优先级加载的关键请求:
Lighthouse 如何识别关键请求链
Lighthouse 使用网络优先级作为代理,以识别会阻塞渲染的关键资源。
如需详细了解 Chrome 如何定义这些优先级,请参阅 Google 的 Chrome 资源优先级和调度。
系统会从 Chrome 远程调试协议提取关键请求链、资源大小和下载资源所花费的时间。
使用关键请求链审核结果先确定对网页加载影响最大的资源:
- 尽可能减少关键资源的数量:消除关键资源、延迟下载、将其标记为
async
等等。
- 优化关键字节数以缩短下载时间(往返次数)。
- 优化其余关键资源的加载顺序:尽早下载所有关键资源,以缩短关键路径长度。
详细了解如何优化图片、JavaScript、CSS 和网页字体。
针对特定堆栈的指南
Magento
如果您没有捆绑 JavaScript 资源,请考虑使用 baler。
资源
最大限度地降低关键请求深度审核的源代码
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2019-05-02。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2019-05-02。"],[],[]]