文档中心 >Google PageSpeed
缩减首屏内容的大小
概览
如果所需的数据量超出初始拥塞窗口的限制,系统就需要在服务器和用户浏览器之间进行更多次的往返。如果用户使用的是延迟时间较长的网络(例如,移动网络),该问题会严重延迟网页的加载。
建议
为提高网页加载速度,请限制呈现网页首屏内容所需的数据(HTML标记、图片、CSS和JavaScript)大小。为此,您可以尝试以下几种方法:
结构化HTML,以便首先加载关键的首屏内容
请首先加载网页的主要内容。结构化网页,以便服务器发出的初始响应能发送必要数据,从而迅速呈现网页的关键部分并暂缓呈现其余部分。这可能意味着,您必须将CSS拆分为两个部分:负责调整内容ATF部分的格式的内嵌部分,以及可暂缓呈现的部分。
参考以下示例,了解有关如何结构化网站以提高加载速度:
- 如果您的HTML先加载第三方小部件,再加载主要内容,请将该加载顺序更改为先加载主要内容。
- 如果您的网站采用的是两列布局(即导航边栏加文章),而HTML先加载边栏,再加载文章,请考虑首先加载文章。
减少资源所用的数据量
如果经过重新设计的网站可以在多个设备上正常运行,并能首先加载关键内容,请使用以下技术来减少呈现网页所需的数据量:
本页面中的内容已获得知识共享署名3.0许可,并且代码示例已获得Apache 2.0许可;另有说明的情况除外。
文章源地址:https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent