【转载】网站打开速度慢的8秒原则
8秒原则。如果你的网站打开在8秒之内无法打开。那么客户一定会关闭然后去寻找另外一个同类网站,所以记住这是一个关键因素。
网站打开速度慢的原因分析:
一,第一就是关于在网站建设过程中,对网页页面的优化。这个是至关重要的。亲身感觉。如果你的网站很多地方用的都是图片,视频,flash等。那么会在服务端往客户端加载的时候会费时间。导致速度慢。
二,网络带宽比较小。
同样的是打开一个网站,1M和2M感觉是不一样的,因为网络的带宽包括对接点和客户端两个位置,对接点指的是出口端与入口端(如电信对网通的对接点),另一个就是客户端自己本身的最小带宽
三,DNS解析所花的时间。
包括往返解析的次数及每次解析所花费的时间,它们两者的积就是DNS(何谓DNS)解析所消耗的时间;因此,很多人忽视了DNS的问题,其实,DNS对网站解析速度也是非常重要的。
四,还有你的空间服务器配置低。当用户数量达到一定程序。速度必然会慢。
五,必须要优化或压缩你的图像文件。你不能用数码相机拍张照片就直接放到网页上。必须要降低图片文件的解像率,降低图像质量,得到一个优化过的文件。上面提到的800K的图像文件,很容易就可以降低到100K以下,也没有什么可以觉察得到的质量上的损失。
可以使用Photoshop,里面已经有专为网页压缩图像文件的选项,或者网上也有其他压缩图像文件的在线工具,大家可以搜索一下。
六,必须要使用网页编辑软件来做网页。微软的Word确实提供一个功能,将文件输出为HTML格式。在绝大部分情况下,这些输出文件在网站上打开也没什么问题。但问题是,这样的文件包含了大量的垃圾代码。在上面的例子里,200K的HTML文件用专用的网页编辑软件重新改一下,能轻易降到15K以下,也就是说90%全是垃圾代码。
设想一下,把这些垃圾代码和未压缩的图像文件全加起来,你该浪费了多少带宽?又有多少用户等不下去而离开了你的网站?
下面列出几个具体的网页代码问题,有助于降低文件大小。
使用CSS
CSS大量减少HTML中的格式代码,并且可以作为外部文件使用,不必每次打开网页都调用这些格式文件。
尽量使用标准代码
浏览器在打开网页的时候,如果网页文件中包含太多的错误,浏览器需要花时间矫正这些错误。所以尽量要使用正确的标准代码。
定义图形文件和表格的尺寸(高度和宽度)
这样浏览器可以在图像文件和表格里面的内容完全下载之前,就显示出网页,因为图像和表格的大小已经确定了,位置可以预留出来。
删除不需要的代码
比如大量的空格,空行,评论等。
减少花里胡哨的东西
很炫的JS菜单,按钮,图形,音乐,动画,flash等等,这些东西有它明确的目的吗?还是就是好玩?
如果网页太长,考虑分成多个网页
这样另外一个好处就是,显得你的网页内容还多点。
减少网页中要调用的文件数目
不要用太多很小的图像文件,在可能的情况下,减少这些图像文件的数目。这样文件下载的时候,就不需要那么多的HTTP连接。
避免使用嵌套表格
如果必须使用表格的话,也要尽量少用使用嵌套表格。
使用外部文件
CSS,JS等,都要放到外部文件。
总的目标是尽量减少文件大小,包括HTML文件,图片和脚本。如果能把网页上文件总大小降到30K以下就好,20K更好,如果10K以下,那就更好了。
很多网页设计师会嘲笑这样的数字,一个现代的网页还能只是20K,30K?不可能!光我那个很炫的logo就20K了。
如果能两者兼得的话,不妨可以兼顾。但如果两者不能兼得,你是选择让用户看到一个不那么炫的网页,还是让用户根本就看不到网页呢?
本文章由 萧过无痕 首发 萧过无痕的栖息地,欢迎转载,转载时敬请保留本版权信息,谢谢!