避免巨大的网络有效负载

Published on Updated on

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

大型的网络有效负载与加载时间较长有很大的关系。另外,这还会提高用户的成本;例如,用户可能需要为更多的移动数据付费。因此,减少页面网络请求的总大小既可以改善用户在您网站上的体验,可以帮他们省钱。

要了解在全球范围内访问您的网站的费用,请查看 WebPageTest 的 What Does My Site Cost?您可以根据购买力来调整结果。

Lighthouse 网络有效负载审计失败的原因

Lighthouse 显示页面请求的所有资源的总大小(单位是 千字节 (KiB) )。首先呈现最大的请求:

Lighthouse 避免巨大网络有效负载审计的截图

根据 HTTP Archive 上的数据,网络有效负载的中位数在 1700 到 1900 KiB 之间。为了筛选出最高的有效负载,Lighthouse 会标记总网络请求超过 5000 KiB 的页面。

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

如何减少有效负载大小

争取将总字节大小保持在 1600 KiB 以下。该目标基于理论上可通过 3G 连接下载的数据量,同时仍可实现 10 秒或更短的Time to Interactive

以下是一些降低有效负载大小的方法:

针对堆栈的具体指导

Angular

应用路由级代码拆分,将 JavaScript 包最小化。此外,请考虑使用 Angular 服务工作进程来预缓存资产。

Drupal

考虑使用Responsive Image Styles(响应式图片样式)来减小页面上加载的图像的大小。如果您使用视图在页面上显示多个内容项,请考虑实施分页来限制给定页面上显示的内容项数。

Joomla

考虑在文章类别中显示摘要(例如通过“阅读更多”链接),减少给定页面上显示的文章数量,将长文章分成多个页面,或使用插件来延迟加载评论。

WordPress

考虑在您的帖子列表中显示摘录(例如通过“更多”标签),减少给定页面上显示的帖子数量,将您的长帖子分成多个页面,或使用插件来延迟加载评论。

资源

避免巨大的网络有效负载审计的源代码

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.