手把手教你如何排查网站打开慢的原因以及优化方法

如果您的网站打开速度太慢并且您不知道如何解决它，那么这篇文章是必读的。 一步步教您如何排查网站打开缓慢的原因以及如何优化。

排查网站打开缓慢的原因：

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

服务器空间速度是网站打开速度快的硬件基础和前提。 否则，即使你的网站页面设计得很“瘦身”，网站的打开速度也会降低。 解决方案：找您的空间提供商解决问题或更换空间提供商。

如何检查服务器的速度？

方法一：使用ping命令检查连接服务器的时间和丢包情况。

1>点击“开始”按钮，选择运行； 然后在“运行”对话框中输入cmd

注：有的可能有输入，有的可能没有DOS系统。

2> 输入 Ping 和您要测试的 URL（例如：Ping -t）。 然后按回车键即可获取您访问服务器的返回时间。

一般来说，“PING”命令会自动继续执行，直到您终止它，例如按“ctrl +C”。 如果您熟悉PING功能，并且拥有不同网络的账户，可以在不同网络的其他主机（IP地址或域名）上测试PING。 您可以比较不同网络上的性能。 测量这些接入主机在接入点的响应时间，得到“丢包率”、平均响应时间等测试结果。

time：显示信息包到达远程主机后的返回时间。 定位以毫秒为单位计算。 值越小，速度越快。

丢失：丢包情况。

TTL：生存时间指定数据包在被路由器丢弃之前允许通过的网段数。

对于速度好的机房来说，首先丢包率不能超过1%。 最好有 1000 个数据包且没有任何丢包。 这是最理想的，但这不是绝对值。 只要小于1%，就认为是良好的路由情况。 。

其次，ping值要小。 同城电信ADSL的平均Ping值不能超过20，一般为10。跨省的ADSL ping的平均Ping值应该在20-40，这是正常的。

第三点，ping值要统一。 如果 ping 值最小只有 4，但时不时有几十个，最大可达 79，这是路由不稳定的标志。 对于同一个电信的adsl，虽然最小是8个，但最大也只有9个，这说明路由是稳定的。

方法二：检查同一服务器上其他网站的打开速度。

同一IP地址的站点查询URL：

通过上面的查询工具，您可以看到与您同一服务器上的网站数量和网址。 您可以检查其他网站是否也打开缓慢。

2、电信与联通互访瓶颈问题。

如果空间的打开速度有时快有时慢，甚至有时打不开，那就是空间不稳定的原因。 您需要找您的空间提供商解决问题或更换空间提供商； 如果有的地方打开速度快，有的地方慢，那就应该是网络线路的问题。 电信线路用户访问联通服务器托管的网站，联通线路用户访问电信服务器托管的网站。 相对来说，打开速度比较慢。

解决方案：如果购买空间，建议购买双线空间或多线空间。 这不是一个新概念。 大多数虚拟主机提供商都有两行或更多行空间。 价格较高，但从用户体验角度来说还是值得的。

3、从网站本身查找问题。 网站问题包括三个部分：网站编程、网页设计结构、网页内容。

网站编程：

1> 如果网页中有幻灯片效果的代码，需要进行审核，看看是否严重拖慢网站的打开速度。

2>如果所有原因都排除了，可以找相关从事编程的专业人员检查程序的设计结构是否合理。

网页设计结构：

1>如果是表格布局的网站，检查是否嵌套过多，或者网页布局像一张大表格然后分成多个表格。 解决方案：建议使用div布局网站打开速度慢，配合css，不仅打开快，而且修改也方便。

2> 网站中是否有统计代码、在线客服或者其他js代码，看看是否放在网页代码的末尾。 解决方案：最好尽可能放在网页代码的末尾，并且只在网站代码加载时才执行这些代码。

3>可能有错误的代码

一种情况是检查网页代码，看看是否有不存在的图像或文件路径代码。 （如上图所示，当看到图片20.jpg时，红色显示说明它实际上不存在，代码中有代码调用它）因为图片本身在空间中并不存在，但是当代码执行的时候，当执行到这一行的时候，却要一直加载这张图片，就会在微妙的程度上影响网站的速度。

另一种情况是从其他网站复制的特效代码可能复制不完整，包含很多网页错误，导致网站打开缓慢。 解决方案：修复网站上的编码错误。

4>尽量减少特效的使用。

例如：鼠标特效、栏目特效、状态栏特效等。这些特效的原理是先从服务器下载到你的本地机器，然后在本地机器上运行。 如果浏览你网站的网友机器配置较低，则需要一段时间才能运行。 需要时间才能完成。

网页内容：

1> 检查网页中是否存在大量大尺寸图片。 如果一定要表现图片效果，可以将大图片分割成多张小图片。 对图片进行减重处理可以使字节数变小。 否则，很多图片会占用大量空间，并使网站打开速度非常慢。 您可以使用诸如 等绘图软件缩小图片的尺寸来稍微降低图片的质量，并找到图片质量和图片尺寸之间的最佳比例。

2> 检查网页中是否存在较大的flash文件，除表现效果外尽量少用较大的flash。

3> 有些朋友喜欢在网页中添加音乐。 用户一打开网站，就会播放背景音乐。 尽量不要做这种事。

4>内容过多引用其他网站的内容。 如果引用其他网站的图片或其他内容，如果该网站速度很慢或者该网站上的页面已不存在，则打开速度会更慢。 解决方案：此问题的常见情况是友好链接交换中的图片链接实际上链接到了另一个网站的徽标图片。 建议先将对方的logo图片上传到自己的网站空间，然后添加链接。 第二种情况是很多朋友喜欢使用嵌套搜索其他网站、查IP等小功能模块，建议少用这种方式。

要检查网站上图片、代码等的加载状态，可以使用浏览器的插件工具。

如何优化加载速度：

1.优化图片

几乎没有一个网页没有图片。 如果你经历过56K猫的时代，你就不会喜欢有大量图片的网站。 因为加载这样的网页会花费很多时间。

即使现在，网络带宽已经提高了很多，56K猫正在逐渐淡出。 仍然需要优化图像以加快网页速度。

优化图像包括减少图像数量、降低图像质量以及使用适当的格式。

1.减少图片数量：删除不需要的图片。

2.降低图像质量：如果没有必要，尽量降低图像质量，尤其是jpg格式。 质量降低 5% 看似变化不大，但文字大小的变化就比较大了。

3.常识使用脚本文件而不是效果：

比如一些web2.0的样式如果使用PS制作的话，每张图片的尺寸成本基本上会增加%5-%25。

相反，使用代码来实现效果，仅添加几个字节。

2.图像格式的选择

网页上常用的图像格式有jpg、png、gif三种。 三种格式的具体技术指标不是本文的内容。 我们只需要知道什么时候应该使用哪种格式来减少网页的加载时间。

1、JPG：一般用于展示风景、人物、艺术照片等摄影作品。 有时用于计算机屏幕截图。

2、GIF：提供的颜色较少，可以用在对颜色要求不高的地方，比如网站标志、按钮、表情符号等。当然GIF的一个重要应用是动画图片。

3、PNG：PNG格式可以提供透明背景，是专门为网页显示而发明的图像格式。 一般用于需要透明背景显示或图像质量要求较高的网页。

3.优化CSS

CSS层叠样式表使网页加载更高效，改善浏览体验。 有了CSS，表格布局就可以被淘汰。

但有时候我们在写CSS的时候会使用一些比较罗嗦的语句，比如这句话：

将内容复制到剪贴板

代码：

-顶部：10px；

-右：20px；

-：10 像素；

-左：20px；

您可以将其简化为：

： 10 像素 20 像素 10 像素 20 像素；

还是这句话：

一段文字

您可以使用 div 来包含：

的一个

4. 在URL后面添加斜杠

对于某些URL，例如，当服务器收到这样的地址请求时，需要花费时间来确定该地址的文件类型。 如果220是一个目录，不妨在URL后面加一个额外的斜杠，让它变成。 这样服务器一眼就能清楚地知道自己要访问目录中的索引或文件，从而节省加载时间。

5.标记高度和宽度

这一点非常重要网站打开速度慢，但是很多人总是因为懒惰或者其他原因而忽略了这一点。 当您向网页添加图像或表格时，您应该指定它们的高度和宽度，即宽度参数。 如果浏览器没有找到这两个参数，则需要在下载图片时计算大小。 如果图片较多，浏览器需要不断调整页面。 这不仅影响速度，还影响浏览体验。

下面是更友好的图片代码：

将内容复制到剪贴板

代码：

当浏览器知道高度和宽度参数时，即使图像暂时无法显示，它也会在页面上为图像腾出空间并继续加载后面的内容。这会导致更快的加载时间和更好的浏览体验。