缩减首屏内容的大小

当 PageSpeed Insights 检测到以下情形时,就会触发此规则:系统需要进行更多的网络往返来呈现网页的首屏内容。

概览

如果所需数据量超过初始拥塞窗口(通常压缩后为 14.6kB),则需要在服务器和用户浏览器之间进行更多次的往返。如果用户使用的是延迟时间较长的网络(例如移动网络),这可能会导致网页加载时出现严重延迟。

建议

为提高网页加载速度,请限制呈现网页首屏内容所需的数据大小(HTML 标记、图片、CSS、JavaScript)。 您可以采用以下几种方式:

合理地构建 HTML,以便首先加载关键的首屏内容

请先加载网页的主要内容。构建网页,以便来自服务器的初始响应发送必要的数据,以立即呈现网页的关键部分,并延迟其余部分。 这可能意味着,您必须将 CSS 拆分为两部分:负责设置内容 ATF 部分的样式的内嵌部分,以及可延迟的部分。

请参考以下示例,了解如何重组网站以加快加载速度:

  • 如果您的 HTML 先加载第三方微件,再加载主要内容,请将加载顺序更改为先加载主要内容。
  • 如果您的网站采用包含导航边栏和文章的两列设计,但您的 HTML 在文章前加载边栏,请考虑先加载文章。

减少资源所用的数据量

对网站进行重新设计,使其可在多种设备上正常运行并首先加载关键内容后,您可以采用以下方法减少呈现网页所需的数据量:

反馈

此页内容对您有帮助吗?