师者,传道,授业,解惑!

我们在打开网站时,会发现有些网站打开特别慢,有些网站瞬间打开,今天杜老师与大家聊聊常用页面加载速度优化方法!

加载速度

一个网站加载速度受很多因素的影响,在客户端方面,主要受网速和电脑性能影响。当然,浏览器也影响加载速度!

当然服务端的优化更为重要,受服务器性能、网速等综合因素的影响,我们下面说说优化细节。

合并文件

将js代码和CSS样式分别合并到一个共享的文件。这样不仅简化代码,而且执行js文件的时候,如果js文件比较多,就需要进行多次GET请求,延长加载速度,将js文件合并在一起后,自然就减少GET请求次数,提高加载速度。

图片技术

sprinting是一种网页图片应用处理方式。它是将一个页面涉及到所有零星图片都包含到一张大图中去,然后用CSS技术展现出来。

这样一来,当访问页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来,可以减少整个网页图片大小,并利用sprinting能很好地减少网页的HTTP请求,从而大大地提高页面的性能。

压缩文件

压缩技术如gzip可有效减少页面加载的时间。包括HTML/XML/JSON/JavaScript和CSS等,压缩率都可以在大小70%左右。

文本压缩用得较多,一般直接在空间开启就可以,而图片的压缩就比较随意了,很多都是直接上传,其实还有很大压缩空间。

评论