网站打开速率慢的缘由，排查方式及优化方式

　　如果你的网站打开速率过慢网站打开速度慢 如何优化，而你又不知道该怎么解决，那么这篇文章是非看不可了。*敏*感*词*的教你怎么排查网站打开慢的缘由，以及优化方式。

　　排查网站打开速率慢的缘由：

　　1 网站服务器速率或租用空间所在服务器速率

　　服务器空间速率是网站打开速率快的硬件基础，也是先决条件。否则纵使你网站页面设计的特别"苗条"，网站打开速率也会打折扣。解决办法：要找你的空间商解决或换空间商。

　　如何测量服务器速率快慢呢?

　　方法一： ping命令看联接到服务器的时间和丢包情况。

　　1>单击“开始”键并选择运行；接着在“运行”对话框中输入cmd

　　注：有的可能是输入command，也有可能有的windows不带DOS系统。

　　2>键入Ping和您要测试的网址(比如：Ping -t)。然后回车，便得到你访问服务器的回时间。

　　一般，“PING”命令会手动进行下去，直到你使它中止，如敲“ctrl +C”。如果你熟悉使用Telnet中PING的功能，并且你具有在不同网路上的Telnet账号，你就可以以不同的网路为基础，对其他的主机（IP地址或域名）进行PING的测试，你可以比较在不同的访问点那些被访问主机的回应时间，并得到“丢包率”、平均回应时间等测试结果。

　　time：显示了信息包抵达远程主机后返回的时间。计算定位为微秒。数值越小速率越快。

　　lost：丢包情况。

　　TTL：生存时间 指定数据包被路由器遗弃之前容许通过的网关数目。

　　一个速率好的机房，首先丢包率不能超过1％，最好是1000个没有一个丢包，这种是最理想的，但是这个不是绝对值，只要高于1％的都属于不错的路由情况了。

　　其次ping值要小，同城的联通adsl ping平均值绝对不能超过20，一般在10，跨省的adsl ping平均值应当在20-40属于正常。

　　第三点是ping值要均匀，如果最小的ping值只有4，但是不时的有几十，最大有79的出现，这个就是路由不稳定的表现，同样的联通的adsl，尽管最小也有8，但是最大也只有9，就说明路由稳定。

　　方法二： 查看登台服务器上其它网站的打开速率。

　　相同IP地址站点查询网址：

　　通过前面的查询工具可以看见和自已在同一台服务器上的网站个数和网址。可以瞧瞧其它网站是否打开也慢呢。

　　2 电信和移动互访困局问题。

　　如果空间打开的速率时快时慢，甚至有时候打不开，那就是空间不稳定的诱因。要找你的空间商解决或换空间商了；如果是在有的地方打开速率快，有的地方打开速率慢，那应当是网路线路的问题。电信线路用户访问放到移动服务器的网站，联通线路用户访问置于联通服务器上的网站，相对来说打开速率肯定是比较慢。

　　解决办法：如果选购空间的话，建议订购双线空间或多线空间。这已不是新鲜的概念，大部分的虚拟主机商都有两线或多线空间，价格高一些，但是从用户体验角度来说是物有所值的。

　　3 从网站本身找问题，网站的问题包括网站程序设计，网页设计结构，网页内容三个部份。

　　网站程序设计：

　　1>网页中若果有幻灯片播放疗效的代码，需要审查一下，是否严重拖慢网站打开速率。

　　2>如果排除各方面缘由，可以找搞程序设计的相关专业人士，查看程序的设计结构是否合理。

　　网页设计结构：

　　1>如果是table布局的网站，查看是否嵌套次数多很，或是一个大表格之后分成多个表格这样的网页布局。解决办法：建议用div布局，配合css ，这样除了打开速率快，也有利于更改。

　　2>如果网站中有统计代码，在线客服或是其它js代码，看看是否放在了网页代码的最前面。解决办法：最好尽可能的放在网页代码最后，当网站代码加载完毕，才执行这种代码。

　　3>可能有错误的代码

　　一种情况是查看一下网页代码是否有不存在的图片或文件路径代码。(如上图所示用firebug听到20.jpg这个图片，红色显示表示实际不存在，代码中有调用它的代码)因为本身图片在空间中不存在，可是在执行代码的时侯网站打开速度慢 如何优化，执行到这一行时，却要始终加载这个图片，在细微程度上是会影响到网站的速率的。

　　另一种情况是从别的网站转抄的特效javascript代码，可能转载不全，有许多网页错误，造成网站打开速率慢。解决办法：修正网站上代码错误。

　　4>尽量减低javascript的特效的使用。

　　如：鼠标特效、栏目特效、状态栏特效等，这些特效的原理是先由服务器下载到你本地的机器，然后在本地机器上运行形成，如果观看你网站的网友机器配置低的话，要运行一段时间就能完成。

　　网页内容：

　　1>查看网页中是否有许多规格大的图片存在，如果非要图片疗效来抒发的话，可以把大图片切分成多个小图片。图片进行减重处理，可以让字节数显得较小，否则好多的图片会占用好多空间又让网站打开速率显得太慢。可以用photoshop、fireworks等画图软件将图片规格缩小，使图片的质量稍为减少一下，在图片质量和图片大小之间找寻一个最佳的比列。

　　2>查看网页中是否有规格大的flash文件存在，排除抒发疗效外，尽量少用小型flash。

　　3>有的同学喜欢在网页中加音乐，用户一打开网站，就有背景音乐播放，这样的事情尽量不要做。

　　4>内容中过多地引用了其它网站的内容。如引用其他网站的图片或其它内容，如果哪个网站的速率慢，或者那种网站的页面早已不存在了，打开的速率都会更慢。解决办法：这样问题常见的情况是，友情链接交换中图片链接真接链接别的网站的logo图片，建议先把对方的logo图片上传到自已的网站空间中，然后加上链接。第二种情况是许多同学喜欢用iframe嵌套别的网站上的搜索，查ip等小功能模块，建议少用这些方法。

　　查看网站中图片、代码等加载情况可以用 firefox浏览器的插件工具firebug 工具查看。

　　优化加载速率的方式：

　　一、优化图片

　　几乎没有那个网页上是没有图片的。如果你经历过56K狗的年代，你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会耗费大量的时间。

　　即使在现今，网络带宽有了好多的提升，56K狗渐渐淡出，优化图片以推动网页速率还是太有必要的。

　　优化图片包括降低图片数、降低图象质量、使用恰当的格式。

　　1、减少图片数：去除不必要的图片。

　　2、降低图象质量：如果不是太必要，尝试减少图象的质量，尤其是jpg格式，降低5%的质量看起来变化不是很大，但文大小的变化是比较大的。

　　3、常识使用脚本文件取代疗效：

　　比如一些web2.0的款式，如果使用ps制做，每个图片基本会降低%5-%25的大小成本.

　　相反，使用javascript代码来实现疗效,仅仅只降低几个字节.

　　二、图像格式的选择

　　一般在网页上使用的图片格式有三种，jpg、png、gif。三种格式的具体技术指标不是这篇文章探讨的内容，我们只须要晓得在哪些时侯应当使用哪些格式，以降低网页的加载时间。

　　1、JPG：一般用于展示景色、人物、艺术照的摄影作品。有时也用在笔记本截屏上。

　　2、GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif的一个重要的应用是*敏*感*词*图片。

　　3、PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于须要背景透明显示或对图象质量要求较高的网页上。

　　三、优化CSS

　　CSS叠层样式表使网页加载上去更高效，浏览体验也得到增强。有了CSS，表格布局的形式可以退职了。

　　但有时我们在写CSS的时侯会使用了一些比较罗嗦的句子，比如这句：

　　复制内容到剪贴板

　　代码:

　　margin-top: 10px;

　　margin-right: 20px;

　　margin-bottom: 10px;

　　margin-left: 20px;

　　你可以将它简化为：

　　margin: 10px 20px 10px 20px;

　　又或则这句：

　　A paragraph ofdecorated text

　　Secondparagraph

　　Thirdparagraph

　　Forthparagraph

　　可以用div来包含：

　　A paragraph of decoratedtext

　　Secondparagraph

　　Thirdparagraph

　　Forthparagraph

　　四、网址后加斜杠

　　有些网址，比如当服务器收到这样一个地址恳求的时侯，它须要耗费时间去确定这个地址的文件类型。如果220是一个目录，不妨在网址后多加一个斜杠，让其弄成，这样服务器才能一目了然地晓得要访问该目录下的index或default文件，从而节约了加载时间。

　　五、标明高度和长度

　　这点很重要，但很多人因为懒惰或其它缘由，总是将其忽略。当你在网页上添加图片或表格时，你应当指定它们的高度和长度，也就是height和width参数。如果浏览器没有找到这两个参数，它须要一边下载图片一边估算大小，如果图片好多，浏览器须要不断地调整页面。这不但影响速率，也影响浏览体验。

　　下面是一个比较友好的图片代码：

　　复制内容到剪贴板

　　代码:

　　当浏览器晓得了高度和长度参数后，即使图片暂时未能显示，页面上也会腾出图片的空位，然后继续加载前面的内容。从而加载时间快了，浏览体验也更好了

　　六、减少http请求

　　当浏览者打开某个网页，浏览器会发出好多对象恳求（图像、脚本等等），视乎网路延时情况，每个对象加载就会有所延后。如果网页上对象好多，这可以须要耗费大量的时间。

　　因此，要为http恳求减负。如何减负？

　　1、去除一些不必要的对象。

　　2、将临近的两张图片合成一张。

　　3、合并CSS文件

　　看看下边这段代码，需要加载三个CSS文件：

　　我们可以将其合成一个：

　　从而降低http恳求。

　　七、其它小技巧

　　1、去除不必要加载项。

　　2、如果在网页上嵌入了其它网站的widget，如果有选择余地，一定要选择速率快的。

　　3、尽量用图片取代flash，这对SEO也有用处。

　　4、有些内容可以静态化就将其静态化，以降低服务器的负担。

　　5、统计代码放到页尾(或者使用延迟加载)。