缩减首屏内容的大小

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

概览

如果所需的数据量超出初始拥塞窗口的限制，系统就需要在服务器和用户浏览器之间进行更多次的往返。如果用户使用的是延迟时间较长的网络（例如，移动网络），该问题会严重延迟网页的加载。

建议

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

• 结构化HTML，以便首先加载关键的首屏内容
• 减少资源所用的数据量

结构化HTML，以便首先加载关键的首屏内容

请首先加载网页的主要内容。结构化网页，以便服务器发出的初始响应能发送必要数据，从而迅速呈现网页的关键部分并暂缓呈现其余部分。这可能意味着，您必须将CSS拆分为两个部分：负责调整内容ATF部分的格式的内嵌部分，以及可暂缓呈现的部分。

参考以下示例，了解有关如何结构化网站以提高加载速度：

• 如果您的HTML先加载第三方小部件，再加载主要内容，请将该加载顺序更改为先加载主要内容。
• 如果您的网站采用的是两列布局（即导航边栏加文章），而HTML先加载边栏，再加载文章，请考虑首先加载文章。

减少资源所用的数据量

如果经过重新设计的网站可以在多个设备上正常运行，并能首先加载关键内容，请使用以下技术来减少呈现网页所需的数据量：

• 缩减资源的大小：通过移除不必要的空格和评论来缩减HTML、CSS和JavaScript的大小。通过使用可重命名资源中变量名称的工具，实现进一步的优化。
• 尽可能考虑使用CSS，而非图片。
• 启用压缩功能

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.