PageSpeed Insights简介

[复制链接]

1

主题

0

回帖

2

积分

论坛元老

积分
2
云计算与大数据 发表于 2016-12-4 05:25:24 | 显示全部楼层 |阅读模式


Page Speed Insights能针对移动设备和桌面设备衡量网页的性能。该工具会抓取网址两次,一次是通过移动设备用户代理,另一次是通过桌面设备用户代理。
PageSpeed得分范围是从0到100分。分数越高,代表性能越好。85分或更高分表明网页性能良好。请注意,PageSpeed Insights正在不断改进,因此,分数可能会随着我们添加新规则或完善分析而发生变化。
PageSpeed Insights能根据以下内容衡量网页如何提升其性能:
  • 首屏加载时间:从用户请求新页面到浏览器呈现首屏内容所用的时间。
  • 完整的网页加载时间:从用户请求新网页到浏览器完全呈现网页所用的时间。
    然而,由于网络连接性能有很大差异,因此,PageSpeed Insights只考虑网页性能中与网络无关的方面:服务器配置、网页的HTML结构及其所用的外部资源。实施这些建议应该能改进网页的相对性能。但网页的绝对性能将仍取决于用户的网络连接。
    概览
    如果所需的数据量超出初始拥塞窗口的限制,系统就需要在服务器和用户浏览器之间进行更多次的往返。如果用户使用的是延迟时间较长的网络,该问题会严重延迟网页的加载。
    建议为提高网页加载速度,请限制呈现网页首屏内容所需的数据大小。为此,您可以尝试以下几种方法:
  • 结构化HTML,以便首先加载关键的首屏内容
  • 减少资源所用的数据量
    结构化HTML,以便首先加载关键的首屏内容请首先加载网页的主要内容。结构化网页,以便服务器发出的初始响应能发送必要数据,从而迅速呈现网页的关键部分并暂缓呈现其余部分。这可能意味着,您必须将CSS拆分为两个部分:负责调整内容ATF部分的格式的内嵌部分,以及可暂缓呈现的部分。
    参考以下示例,了解有关如何结构化网站以提高加载速度:
  • 如果您的HTML先加载第三方小部件,再加载主要内容,请将该加载顺序更改为先加载主要内容。
  • 如果您的网站采用的是两列布局,而HTML先加载边栏,再加载文章,请考虑首先加载文章。
    减少资源所用的数据量如果经过重新设计的网站可以在多个设备上正常运行,并能首先加载关键内容,请使用以下技术来减少呈现网页所需的数据量:
  • 缩减资源的大小:通过移除不必要的空格和评论来缩减HTML、CSS和JavaScript的大小。通过使用可重命名资源中变量名称的工具,实现进一步的优化。
  • 尽可能考虑使用CSS,而非图片。
  • 启用压缩功能
  • 你喜欢看
    • PageSpeed Insights简介

      Page Speed Insights能针对移动设备和桌面设备衡量网页的性能。该工具会抓取网址两次,一次是通过移动设 ...