使用 Yslow 概览与测量网站载入时间
在决定什么出问题之前,知道网站的载入时间是第一步。它也能让你知道你是否需要为网站加速进行更改。
在我们开始之前,如果你还没有安装 YSlow,请安装。他是 MozillaFirefox 的一个扩充套件,你可从下面的链接找到它:
第一,让我们浏览 SixRevisions 网站,我们都使用相同的例子进行测试(仅需要在新的标签或者浏览器视窗中开启)。
在浏览器的有效叫,有里程表的一栏(如图 1)。在其旁边,当网页完成载入以后,你会看到 “YSlow” 和数字。数字代表浏览器载入网站所花费的时间(以秒计)。我们希望这个数字保持尽可能低的水平。
图 1:YSlow 图示和显示网页载入时间的里程表
多数情况下,导致网页载入时间长的一个或者一组原因如下:
太多的 HTTP 请求
非压缩的(或未经缩小的)JavaScript 档案
Noexpirationheadersfor 静态图片档案
我们一会将要讨论这些。
为了 fimilarize 自己网站载入时间的表现,浏览一些网站。看看 Google,facebook,和一些你喜欢的博客站群与网站。你会注意到网站利用越多的图片与 js 网页的响应时间越久。
YSlow 的使用特点
除了测量它网页载入的速度,YSlow 为您提供一些深入了解,如你可以为提高自己的网站效能做些什么,以及网站的负载效能的不足。
下面的图片是 ‘效能’ 标签(如图 2)。但你点选它,它会分级展示每个影响到载入时间与整体效能的领域的细节。
图 2:效能标签
在这个领域,最主观的选择是使用 CDN(内容分发网络).CDN 针对大型网站非常有效果。他们所作的事情是跨越遍及各个地区的站群服务器传播 WordPress 网站内容。当物理站群服务器越是接近多用户载入一个网站,一个页面的速度越快速。因此本质上来说,使用 CDN 是从站群服务器上将内容分发到最接近的访问的页面多用户旁。
图 3:效能标签使用字母(A,B,C,D,F)表示等级以及当前等级(1-100)。
AsidefromusingaCDN(whichcanbecostly)-everythingelseisdoable.
等级领域
让我们贯穿每个等级因素,下面是每个等级领域的简短秒速,以及如何解决这些问题实现最佳的效能。
减少 HTTP 请求:当网页从站群服务器获取档案的时候便有 HTTP 请求产生。范围包括指令码,CSS 档案,图片以及 asynchroneous 客户端/服务端请求(Ajax 和其他变化的技术)。这是提及效能时的关键处,但是只需费点体力便能很容易解决。例如,尽可能的合并指令码,CSS,以及影象,在多用户的机器上快照档案常常有帮助。