如果您的网站打开速度很慢并且您不知道如何解决,那么这篇文章是必读的。 教你如何排查网站打开慢的原因,一步步优化。
排查网站打开速度慢的原因:
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.标记高度和宽度
这一点很重要,但很多人总是因为懒惰或其他原因而忽略它。 当你在网页中添加图像或表格时,你应该指定它们的高度和宽度,即和宽度参数。 如果浏览器没有找到这两个参数,则需要在下载图片时计算大小。 如果图片很多,浏览器需要不断调整页面。 这不仅会影响速度,还会影响浏览体验。
下面是比较友好的图片代码:
当浏览器知道高宽参数后,即使图片暂时不能显示,也会在页面上为图片腾出空间,然后继续加载后面的内容。加载速度更快,浏览体验更好
*请认真填写需求信息,我们会在24小时内与您取得联系。