测试你的网页为什么慢

yecho

GTmetrix在首页开宗明义的说，当你的网页载入超过4秒钟的话，将会有很多用户所以离开你的网站。 Google不久前也清楚明白的提到，网页速度是Google搜寻排序的参考指标之一，或许所占比重不大，但确实已经纳入参考。而GTmetrix则是一个[size=1em]网站效能分析服务，提供免费的测试与建议工具，指出我们应该如何去优化网页速度的可行作法。

之前类似的网页速度免费测量工具，比较知名的有Pingdom Tools；不过相较之下，GTmetrix在[size=1em]免费、不需注册的前提中，提供了更丰富的测量结果与[size=1em]具体的分析建议；GTmetrix不仅可以让你观察网页中每个元素的载入速度，更重要的是会根据网站目前的效能缺陷，提供实际的网站优化建议，比如会直接告诉你应该延后JavaScript载入、应该压缩图像等等。

• 内建[size=1em]Google、Yahoo[size=1em]推出的网站效能分析工具：

来到GTmetrix，你只要在网页中间的输入栏位，填上你的网站网址，按下〔Go！ 〕，就可以开始分析自己的网页载入速度。

这边GTmetrix使用了两个知名的工具帮你检测，一个是Yahoo的YSlow，一个是Google的Page Speed，现在你不用自己额外安装这两款测试工具，直接利用 GTmetrix，就能获得Google、Yahoo两大搜寻引擎所提供的网站效能检测成果。

前面有提到，网页速度也是搜寻引擎排序的指标，因此观察Google和Yahoo如何测试你的网站效能，当然是优化网站非常重要的一环。

• 简单易懂的网站效能[size=1em]指标评等：

开始测试分析后，等待一小段时间就能看到检测结果，首先你可以在Summary（摘要）中，看到两个总评分数，分别代表透过Yahoo YSlow和Google Page Speed分析后获得的评等。

这里的等级制度，是透过许多分项指标综合评比后获得的，当然A级是最好的结果。

                               
登录/注册后可看大图

拉到分析网页的下方，就可以看到网站在每个分项指标中获得的个别分数（评等），你可以透过标签分页查看YSlow和Page Speed提供的不同评比。

这边GTmetrix会把网站[size=1em]最需要优化的项目排列在清单的最前面，让你直接看到应该针对哪些项目对症下药。而你也可以透过这里提供的分项指标，去了解优化网站应该顾及的各种层面。

                               
登录/注册后可看大图

                               
登录/注册后可看大图

你可以打开每个分项指标，就可以看到更详细的相关内容，GTmetrix 也透过what does this mean？提供了每个分项指标的意义说明。我觉得GTmetrix除了是一个好用的网站效能分析工具外，也可以当做一个优化网站的学习教科书来使用。

                               
登录/注册后可看大图

• 测试网页元素的[size=1em]个别载入速度：

在测试结果中切换到〔Timeline〕分页，可以看到类似Pingdom所提供的个别网页元素载入速度，你可以从清单中，很清楚的看到哪些元素占用了最多的载入时间，从而你可以决定应该优化哪个部分。

                               
登录/注册后可看大图

• 多组网站[size=1em]对比测试：

最后，你还可以在单一网站测试分析结果的左方，点选「Compare to another URL」，输入另外一个网站的网址，就可以透过GTmetrix比较两个网站在各种层面的效能评比。

                               
登录/注册后可看大图

• 小结：

                               
登录/注册后可看大图

老牌、免费、不需登入的「Pingdom Tools」，提供的是很直觉的网页速度测量工具，显示每个网页元素的载入时间，让你知道哪些元件拖慢了网页速度。

但是GTmetrix则更进一步，它不仅仅是一个免费、不需登入的测量工具，而且还具备了分析、建议功能。利用Google Page Speed、Yahoo YSlow这两大工具的指标评等，GTmetrix能够从「如何优化」的角度，让你不只知道哪个元件比较慢，更可以知道应该怎么去修改。推荐给想要优化网站的朋友试用看看（注册GTmetrix帐户后，则可以记录每次的评比测量结果）。

http://gtmetrix.com/