五招加速网页响应时间.doc

《五招加速网页响应时间.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、1.使用Yslow概览与测量网站加载时间 在决定什么出问题之前，知道网站的加载时间是第一步。它也能让你知道你是否需要为网站加速进行更改。在我们开始之前，如果你还没有安装YSlow,请安装。他是MozillaFirefox的一个扩展，你可从下面的链接找到它：·https://addons.mozilla.org/en-US/firefox/addon/5369第一，让我们浏览SixRevisions网站，我们都使用相同的例子进行测试（仅需要在新的标签或者浏览器窗口中打开）。在浏览器的有效叫，有里程表的一栏（如图1）。在其旁边，当网页完

2、成加载以后，你会看到"YSlow"和数字。数字代表浏览器加载网站所花费的时间(以秒计)。我们希望这个数字保持尽可能低的水平。图1:YSlow图标和显示网页加载时间的里程表多数情况下，导致网页加载时间长的一个或者一组原因如下：·太多的HTTP请求·非压缩的(或未经缩小的)JavaScript文件·Noexpirationheadersfor静态图片文件我们一会将要讨论这些。为了fimilarize自己网站加载时间的表现，浏览一些网站。看看Google，facebook,和一些你喜欢的博客与网站。你会注意到网站利用越多的图片与js网页的

3、响应时间越久。YSlow的使用特点 除了测量它网页加载的速度，YSlow为您提供一些深入了解，如你可以为提高自己的网站性能做些什么，以及网站的负载性能的不足。下面的图片是‘性能’标签(如图2).但你点击它，它会分级展示每个影响到加载时间与整体性能的领域的细节。图2:性能标签在这个领域，最主观的选择是使用CDN(内容分发网络).CDN针对大型网站非常有效果。他们所作的事情是跨越遍及各个地区的服务器传播网站内容。当物理服务器越是接近用户加载一个网站，一个页面的速度越快速。因此本质上来说，使用CDN是从服务器上将内容分发到最接近的访问的页

4、面用户旁。图3:性能标签使用字母(A,B,C,D,F)表示等级以及当前等级(1-100).AsidefromusingaCDN(whichcanbecostly)-everythingelseisdoable.等级领域 让我们贯穿每个等级因素，下面是每个等级领域的简短秒速，以及如何解决这些问题实现最佳的性能。减少HTTP请求:当网页从服务器获取文件的时候便有HTTP请求产生。范围包括脚本，CSS文件，图片以及asynchroneous客户端/服务端请求(Ajax和其他变化的技术)。这是提及性能时的关键处，但是只需费点体力便能很容易解

5、决。例如，尽可能的合并脚本，CSS，以及图像，在用户的机器上缓存文件常常有帮助。添加期限头部:80%的页面加载时间都于下载脚本，图片以及CSS有关.多数情况下，这些元素在用户的机器中不会发生改变，你可以通过在.htaccess中添加代码缓存在用户本地机器中（我们会在文章的后面对如何操作进行讨论）。Gzip部件:Gziping或者压缩JS文件，图片，HTML文档，CSS文档等等。用户可以下载较小的文件版本，增加网页的加载速度。这样可以降低服务器的消耗，但是解压缩部件也可能导致页面响应变慢，这取决于用户的浏览器。把CSS放在顶端:把CS

6、S文件放在网站的顶端，可以是网站尽可能同时加载其他部件，如图像和文字。把js放在底端:把CSS放在文档的头部，仅需要在关闭前插入js.在这些脚本在后台加载的同时，用户先得到看似完整的页面。避免使用CSS表达式:我从来没有使用过CSS表达式(被称之为动态特性),这仅是IE专有的一个增加编程概念（如控制/有条件的结构）的CSS特性,截止到IE8，三叉戟布局引擎（在IE中使用的）不再提供支持。反正使用他们没有一个好想法。在某种程度上，我会基于不同的条件使用PHP脚本加载不同的CSS样式规则，例如一个随机数，一天的时间，或者浏览

7、器。外部调用JS与CSS:将JS和CSS文件放在外部文件中，浏览器缓存他们要比每次调用拥有更快的页面加载速度。减少DNS查找:只要用户在浏览器的地址栏中键入域名，浏览器总会执行DNS查找IP地址，网站拥越多的入口位置，必要的DNS查找也会越多。尽可能的保持较低的水平，平均60-100毫秒进行一次DNS查询。缩小JS:不同于一般的gzip压缩，缩小js文档是去除不必要的空格,tabs,和其他跟中跟杨的选择字符，减少文件的总尺寸，较小的页面可以获得更快的加载速度，你可以使用JSMIN来缩小JavaScript.避免重定向:无论是服务器端

8、头重定向，js重定向，或者HTML元素重定向。你的网站都会加载空白的页面的头，然后再加载新的一页，用户为了获得需要的页面花费越来越多的时间，所以要不惜一切代价避免这种情况。去除重复的脚本:浏览器加载相同的脚本会增加页面的加载时间，这是