如何提升网站打开速度
从网站优化推广的角度来说,关键字的排名与网网站的打开速度也有直接关系,速度快的网站将优先排在前面。这里我们列举一下影响网站速度的问题,以及如何补救并提高网站页面的加载速度。
一、网页切图与图片使用规格
1、能用颜色少用图片,能用CSS效果少用图片。
2、图片背景尽量切成最小图片,宽或者高以一个像素为好。
3、图片清晰度与大小兼顾,一般网页显示图片清晰度有上线,以图片质量8为好。
4、以DIV+CSS布局为好,少用TABLE+CSS布局。
5、Sprites图片技术,页面涉及到的所有零星图片都包含到一张大图中去,然后利用CSS技术展现出来。
二、图片格式优化
不恰当的图像格式是一种极为常见的减慢加载速度的罪魁祸首。正确的图片格式可以让图片缩小数倍,如果保存为最佳格式,可以节省大量带宽,减少处理时间时间,大大加快页面加载速度,这是一种很常见的做法。
三、压缩文本和图片
网站gzip压缩可以有效减少页面加载的时间,通常都是直接在空间开启就行,压缩率都可以在大小70%左右。
四、合并Js文件和CSS
将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次“Get”请求,延长加载速度,将JS文件合并在一起后,自然就减少了Get请求次数,提高了加载速度。
五、精简代码
对网页代码进行瘦身,删除不必要的沉冗代码,比如不必要的空格、换行符、注释等,包括JS代码中的无用代码也需要清除。
在同等网络环境下,页面越小自然下载时间越快,所以在合理范围内减少页面大小是可以优化下载速度的。要想减小页面的大小,就得根据W3C的标准来优化HTML代码结构,去除一些垃圾无意义的代码。
六、使用AJAX
从网页的申请打开,到web服务器的响应,编译等动作,然后发回给浏览器,才显示我们面前的文字和图片,多媒体文件等。所以我要尽量减少响应次数,现在ajax在这方面就运用的不错。当然,一个静态页面就例外了,静态页面多注意图片大小和网页设计上就行了。
一、网页切图与图片使用规格
1、能用颜色少用图片,能用CSS效果少用图片。
2、图片背景尽量切成最小图片,宽或者高以一个像素为好。
3、图片清晰度与大小兼顾,一般网页显示图片清晰度有上线,以图片质量8为好。
4、以DIV+CSS布局为好,少用TABLE+CSS布局。
5、Sprites图片技术,页面涉及到的所有零星图片都包含到一张大图中去,然后利用CSS技术展现出来。
二、图片格式优化
不恰当的图像格式是一种极为常见的减慢加载速度的罪魁祸首。正确的图片格式可以让图片缩小数倍,如果保存为最佳格式,可以节省大量带宽,减少处理时间时间,大大加快页面加载速度,这是一种很常见的做法。
三、压缩文本和图片
网站gzip压缩可以有效减少页面加载的时间,通常都是直接在空间开启就行,压缩率都可以在大小70%左右。
四、合并Js文件和CSS
将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次“Get”请求,延长加载速度,将JS文件合并在一起后,自然就减少了Get请求次数,提高了加载速度。
五、精简代码
对网页代码进行瘦身,删除不必要的沉冗代码,比如不必要的空格、换行符、注释等,包括JS代码中的无用代码也需要清除。
在同等网络环境下,页面越小自然下载时间越快,所以在合理范围内减少页面大小是可以优化下载速度的。要想减小页面的大小,就得根据W3C的标准来优化HTML代码结构,去除一些垃圾无意义的代码。
六、使用AJAX
从网页的申请打开,到web服务器的响应,编译等动作,然后发回给浏览器,才显示我们面前的文字和图片,多媒体文件等。所以我要尽量减少响应次数,现在ajax在这方面就运用的不错。当然,一个静态页面就例外了,静态页面多注意图片大小和网页设计上就行了。
上一篇:什么是静态网页和动态网页
下一篇:手机网站为何对中小企业重要