网站打开速度优化-(运维优化网站访问速度)

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

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

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

服务器空间速度是网站快速打开的硬件基础和前提。 否则，即使你的网站页面设计的很“苗条”，网站打开速度也会打折扣。 解决方案：找你的空间商解决或更换空间商。

如何查看服务器的速度？

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

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

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

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

通常，“PING”命令会自动继续，直到您让它终止，然后按“ctrl + C”。 如果你熟悉使用中的PING功能，并且你有不同网络的账号，你可以以不同的网络为依据，对其他主机（IP地址或域名）进行PING测试，你可以比较一下响应时间在接入点访问这些被访问的主机，得到“丢包率”、平均响应时间等测试结果。

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

lost：丢包情况。

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

速度好的机房，丢包率不要超过1%，最好是1000个没有丢包。 这是最理想的，但这不是一个绝对值，只要小于1%就是好的路由情况了。

其次，ping值要小。 同城电信adsl平均adsl ping不得超过20，一般10，跨省平均adsl ping应该在20-40之间，属于正常。

第三点，ping值要统一。 如果ping值最小只有4，但时不时有几十次，最大可达79，这就是路由不稳定的表现。 同样是电信adsl网站打开速度优化，虽然最小值是8，但是最大值只有9，说明路由稳定。

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

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

通过上面的查询工具，可以看到和自己在同一台服务器上的网站和网址的数量。 你可以看看是不是其他网站打开也很慢。

2 电信与联通互通瓶颈。

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

解决办法：买空间的话，建议买双行空间或者多行空间。 这不是一个新概念。 大多数虚拟主机都有两行或更多行的空间，价格也较高，但从用户体验的角度来说还是物有所值。

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

网站编程：

1> 如果网页中有幻灯片效果的代码，需要检查是否严重拖慢了网站的打开速度。

2> 如果排除各种原因，可以找从事程序设计的相关专业人士检查程序的设计结构是否合理。

网页设计结构：

1> 如果是表格布局的网站，检查是否嵌套次数太多，或者网页布局将一个大表格分成多个表格。 解决方法：建议使用div布局配合css，这样不仅打开速度快，修改也方便。

2> 如果网站中有统计代码、在线客服等js代码，检查是否放在网页代码末尾。 解决方法：最好把代码尽量放在网页的末尾，在网站代码加载的时候执行这些代码。

3> 可能有错误的代码

一种情况是查看网页代码中是否存在不存在的图片或文件路径代码。 （如上图，可以看到图片20.jpg，红色显示表示实际不存在，代码中有代码调用）因为图片本身不存在空间，但是执行代码的时候，执行这一行的时候，但是这张图片要一直加载，潜移默化的影响网站的速度。

另一种情况是从其他网站复制的特效代码可能无法完全复现，网页错误较多，导致网站打开速度慢。 解决方法：修正网站上的代码错误。

4> 尽量少用特效。

如：鼠标特效、栏目特效、状态栏特效等。这些特效的原理是先从服务器下载到你的本地机器上，然后在本地机器上运行。 时间来完成。

网页内容：

1> 检查网页中是否有很多大尺寸图片。 如果一定要表达图片效果，可以将大图分割成多个小图。 图片减重可以让字节数变小，否则很多图片会占用很多空间，让网站打开很慢。 可以使用 等绘图软件缩小图片尺寸，使图片质量略有降低，您可以在图片质量和图片尺寸之间找到一个最佳比例。

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

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

4> 内容中过多引用其他网站内容。 比如引用其他网站的图片或其他内容，如果网站速度慢，或者那个网站的页面已经不存在，打开速度就会变慢。 解决方法：此类问题常见的情况是在交换友情链接时，图片链接直接链接到另一个网站的logo图片。 建议先将对方的logo图片上传到自己的网站空间，再添加链接。 第二种情况是很多朋友喜欢在其他网站使用嵌套搜索，查ip等小功能模块，建议少用这种方式。

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

优化加载速度的方法：

1.优化图片

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

即便是现在，网络带宽有了很大提升，56K猫也逐渐淡出。 还是需要优化图片来提速网页。

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

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

2、降低图片质量：如果没有必要，尽量降低图片质量，尤其是jpg格式的图片。 质量降低5%看起来变化不大，但是文字大小的变化还是比较大的。

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

比如一些web2.0的样式，如果用ps来制作，基本上每张图都会增加%5-%25的size cost。

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

二、图片格式的选择

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

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

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

3. PNG：PNG 格式可以提供透明背景。 它是专门为网页显示而发明的一种图片格式。 一般用在需要透明背景显示或对图像质量要求高的网页上。

3.优化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

4.在网址后加斜杠

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

5.标记高度和宽度

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

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

当浏览器知道高宽参数后，即使图片暂时不能显示，也会在页面上为图片腾出空间，然后继续加载后面的内容。加载速度更快，浏览体验更好