提高网站页面载入速度的方法

发布时间:2019-11-03编辑:脚本学堂
提高网站页面载入速度的方法

本文介绍三种提高网站页面载入速度的方法。

压缩CSS
大部分网站为了达到较好的视觉效果,使用CSS来对网站的图片文字等进行定义,从而造成CSS代码繁冗。
代码中的每一个空格,换行符,逗号,及代码注释等都无形的增加了整个页面的体积,影响网站页面的加载速度。
针对这种情况,我们的建议是压缩CSS代码的体积(备份代码源文件以便后期再编辑)把网页代码中上面提及的意义不大的空格,换行符等删除压缩代码,一般在进行此项操作后,平均页面体积能节省20%-30%的空间。网站规模越大,压缩CSS代码后能节省的空间便越大。
注:在压缩CSS的同时也可以压缩页面内的javascript代码。

减少页面文件请求数
一般情况下,页面加载时向服务器端请求文件/数据量越多,加载的时间越长,速度越慢。在网站建设过程中,尽可能的避免使用CSS替代部分图片功能,如按钮等可以使用CSS定义,避免对过多图片的请求。同时注意把CSS文件和JS文件合并,尽量减少对此类文件的请求数量。
另一方面,通过对浏览器缓存的设置,延长部分页面资源的有效时间,避免用户在加载时重新下载也不是为一个好办法。

图片优化
网站或多或少都会使用图片来使网站变的更加有吸引力或者好看,往往大家在使用图片的时候为了达到较好的视觉效果,忽略了图片本身的体积大小,从而加重了页面加载的负担。因此网站的图片选择应当是在不影响视觉效果的前提下,采用体积较小的图片格式,如一般情况下PNG格式的图片比JEPG的图片小。