我们在打开网站时,会发现有些网站打开特别慢,有些网站瞬间打开,今天杜老师与大家聊聊常用页面加载速度优化方法!
一个网站加载速度受很多因素的影响,在客户端方面,主要受网速和电脑性能影响。当然,浏览器也影响加载速度!
当然服务端的优化更为重要,受服务器性能、网速等综合因素的影响,我们下面说说优化细节。
将 JavaScript 代码和 CSS 样式分别合并到一个共享的文件。这样不仅简化代码,而且执行 JavaScript 文件的时候,如果 JavaScript 文件比较多,就需要进行多次 GET 请求,延长加载速度,将 JavaScript 文件合并在一起后,自然就减少 GET 请求次数,提高加载速度。
sprinting 是一种网页图片应用处理方式。它是将一个页面涉及到所有零星图片都包含到一张大图中去,然后用 CSS 技术展现出来。
这样一来,当访问页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来,可以减少整个网页图片大小,并利用 sprinting 能很好地减少网页的 HTTP 请求,从而大大地提高页面的性能。
压缩技术如 gzip 可有效减少页面加载的时间。包括 HTML/XML/JSON/JavaScript 和 CSS 等,压缩率都可以在大小 70% 左右。
文本压缩用得较多,一般直接在空间开启就可以,而图片的压缩就比较随意了,很多都是直接上传,其实还有很大压缩空间。