使用Yslow概览与测量网站加载时间

在决定什么出问题之前，知道网站的加载时间是先进步。它也能让你知道你是否需要为网站加速进行更改。

在我们开始之前，如果你还没有安装YSlow，请安装。他是MozillaFirefox的一个扩展，你可从下面的链接找到它：

先进，让我们浏览SixRevisions网站，我们都使用相同的例子进行测试（仅需要在新的标签或者浏览器窗口中打开）。

在浏览器的有效叫，有里程表的一栏（如图1）。在其旁边，当网页完成加载以后，你会看到“YSlow”和数字。数字代表浏览器加载网站所花费的时间（以秒计）。我们希望这个数字保持尽可能低的水平。

图1：YSlow图标和显示网页加载时间的里程表

多数情况下，导致网页加载时间长的一个或者一组原因如下：

太多的HTTP请求

非压缩的（或未经缩小的）JavaScript文件

Noexpirationheadersfor静态图片文件

我们一会将要讨论这些。

为了fimilarize自己网站加载时间的表现，浏览一些网站。看看Google，facebook，和一些你喜欢的博客与网站。你会注意到网站利用越多的图片与js网页的响应时间越久。

YSlow的使用特点

除了测量它网页加载的速度，YSlow为您提供一些深入了解，如你可以为提高自己的网站性能做些什么，以及网站的负载性能的不足。

下面的图片是‘性能’标签（如图2）。但你点击它，它会分级展示每个影响到加载时间与整体性能的领域的细节。

图2：性能标签

在这个领域，主观的选择是使用CDN（内容分发网络）.CDN针对大型网站非常有效果。他们所作的事情是跨越遍及各个地区的服务器传播网站内容。当物理服务器越是接近用户加载一个网站，一个页面的速度越快速。因此本质上来说，使用CDN是从服务器上将内容分发到接近的访问的页面用户旁。

图3：性能标签使用字母（A，B，C，D，F）表示等级以及当前等级（1-100）。

AsidefromusingaCDN（whichcanbecostly）-everythingelseisdoable.

等级领域

让我们贯穿每个等级因素，下面是每个等级领域的简短秒速，以及如何解决这些问题实现佳的性能。

减少HTTP请求：当网页从服务器获取文件的时候便有HTTP请求产生。范围包括脚本，CSS文件，图片以及asynchroneous客户端/服务端请求（Ajax和其他变化的技术）。这是提及性能时的关键处，但是只需费点体力便能很容易解决。例如，尽可能的合并脚本，CSS，以及图像，在用户的机器上缓存文件常常有帮助。