缩减首屏内容的大小

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

概览

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

建议

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

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

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

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

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

减少资源所用的数据量

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

反馈

此页内容对您有帮助吗？