网站打开速度慢的原因,排查方法及优化方法(大全)

2023年11月29日发(作者：)

⽹站打开速度慢的原因，排查⽅法及优化⽅法（⼤全）

如果你的⽹站打开速度过慢，⽽你⼜不知道该如何解决，那么这篇⽂章是⾮看不可了。⼿把⼿的教你如何排查⽹站打开慢的原因，以及优化

⽅法。

排查⽹站打开速度慢的原因：

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 看到这个图⽚，红⾊显⽰表⽰实际不存

在，代码中有调⽤它的代码)因为本⾝图⽚在空间中不存在，可是在执⾏代码的时候，执⾏到这⼀⾏时，却要⼀直加载这个图⽚，在细微程

度上是会影响到⽹站的速度的。

另⼀种情况是从别的⽹站转抄的特效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 of decorated text

Second paragraph

Third paragraph

Forth paragraph

可以⽤div来包含：

四、⽹址后加斜杠

有些⽹址，⽐如 当服务器收到这样⼀个地址请求的时候，它需要花费时间去确定这个地址的⽂件类型。如果220是⼀个⽬录，不妨在⽹址后

多加⼀个斜杠，让其变成，这样服务器就能⼀⽬了然地知道要访问该⽬录下的index或default⽂件，从⽽节省了加载时间。

五、标明⾼度和宽度

这点很重要，但很多⼈由于懒惰或其它原因，总是将其忽视。当你在⽹页上添加图⽚或表格时，你应该指定它们的⾼度和宽度，也就是

height和width参数。如果浏览器没有找到这两个参数，它需要⼀边下载图⽚⼀边计算⼤⼩，如果图⽚很多，浏览器需要不断地调整页⾯。这

不但影响速度，也影响浏览体验。

下⾯是⼀个⽐较友好的图⽚代码：

复制内容到剪贴板

代码:

当浏览器知道了⾼度和宽度参数后，即使图⽚暂时⽆法显⽰，页⾯上也会腾出图⽚的空位，然后继续加载后⾯的内容。从⽽加载时间快了，

浏览体验也更好了

六、减少http请求

当浏览者打开某个⽹页，浏览器会发出很多对象请求（图像、脚本等等），视乎⽹络延时情况，每个对象加载都会有所延迟。如果⽹页上对

象很多，这可以需要花费⼤量的时间。

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

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

2、将临近的两张图⽚合成⼀张。

3、合并CSS⽂件

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

我们可以将其合成⼀个：

从⽽减少http请求。