使用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,以及图像,在用户的机器上缓存文件常常有帮助。
分享名称:怎样才能加速网页响应时间
浏览路径:https://www.cdcxhl.com/news17/40417.html
成都网站建设公司_创新互联,为您提供企业建站、网站内链、网站维护、品牌网站设计、静态网站、网站制作
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联