测试你的网页为什么慢

「GTmetrix」在首页开宗明义的说,当你的网页载入超过4秒钟的话,将会有很多用户因此离开你的网站。 Google不久前也清楚明白的提到,「网页速度」是Google搜寻排序的参考指标之一,或许所占比重不大,但确实已经纳入参考。而「GTmetrix」则是一个网站效能分析服务,提供免费的测试与建议工具,指出我们应该如何去优化网页速度的可行作法。
之前类似的网页速度免费测量工具,比较知名的有「Pingdom Tools」;不过相较之下,「GTmetrix」在免费、不需注册的前提中,提供了更丰富的测量结果与「具体的分析建议」;GTmetrix不仅可以让你观察网页中每个元素的载入速度,更重要的是会根据网站目前的效能缺陷,提供实际的网站优化建议,例如会直接告诉你应该延后JavaScript载入、应该压缩图像等等。
- 内建Google、Yahoo推出的网站效能分析工具:
来到GTmetrix,你只要在网页中间的输入栏位,填上你的网站网址,按下〔Go! 〕,就可以开始分析自己的网页载入速度。
这边GTmetrix使用了两个知名的工具帮你检测,一个是Yahoo的YSlow,(请参考大智若鲁的这篇文章:http://www.lzpnb.com/archives/736)一个是Google的Page Speed,现在你不用自己额外安装这两款测试工具,直接利用 GTmetrix,就能获得Google、Yahoo两大搜寻引擎所提供的网站效能检测成果。
前面有提到,网页速度也是搜寻引擎排序的指标,所以观察Google和Yahoo如何测试你的网站效能,当然是优化网站非常重要的一环。
- 简单易懂的网站效能指标评等:
开始测试分析后,等待一小段时间就能看到检测结果,首先你可以在「Summary(摘要)」中,看到两个总评分数,分别代表透过Yahoo YSlow和Google Page Speed分析后获得的评等。
这里的等级制度,是透过许多分项指标综合评比后获得的,当然「A」级是最好的结果。
拉到分析网页的下方,就可以看到网站在每个分项指标中获得的个别分数(评等),你可以透过标签分页查看「YSlow」和「Page Speed」提供的不同评比。
这边GTmetrix会把网站最需要优化的项目排列在清单的最前面,让你直接看到应该针对哪些项目对症下药。而你也可以透过这里提供的分项指标,去了解优化网站应该顾及的各种层面。
你可以打开每个分项指标,就可以看到更详细的相关内容,GTmetrix 也透过「what does this mean?」提供了每个分项指标的意义说明。我觉得GTmetrix除了是一个好用的网站效能分析工具外,也可以当做一个优化网站的学习教科书来使用。
- 测试网页元素的个别载入速度:
在测试结果中切换到〔Timeline〕分页,可以看到类似Pingdom所提供的「个别网页元素载入速度」,你可以从清单中,很清楚的看到哪些元素占用了最多的载入时间,从而你可以决定应该优化哪个部分。
- 多组网站对比测试:
最后,你还可以在单一网站测试分析结果的左方,点选「Compare to another URL」,输入另外一个网站的网址,就可以透过GTmetrix比较两个网站在各种层面的效能评比。
- 小结:
老牌、免费、不需登入的「Pingdom Tools」,提供的是很直觉的网页速度测量工具,显示每个网页元素的载入时间,让你知道哪些元件拖慢了网页速度。
但是「GTmetrix」则更进一步,它不仅仅是一个免费、不需登入的测量工具,而且还具备了分析、建议功能。利用Google Page Speed、Yahoo YSlow这两大工具的指标评等,GTmetrix能够从「如何优化」的角度,让你不只知道哪个元件比较慢,更可以知道应该怎么去修改。推荐给想要优化网站的朋友试用看看(注册GTmetrix帐户后,则可以记录每次的评比测量结果)。
【你可能还喜欢这些文章:】



















我也来试试看
英文的站 俺看不懂的哦
用美国主鸡怎么说都要比国内的慢一点点的哦。
这个工具是用来找出在网页设计中出现的拖慢速度的错误,至于线路的速度,就没办法了。