yecho 发表于 2010 年 10 月 2 日 22:18:27

测试你的网页为什么慢


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

页: [1]
查看完整版本: 测试你的网页为什么慢