前端性能优化技巧

来源:luqidong 发布时间:2014-03-05 20:20:44 点击数:

1、服务器端发送数据经过gzip压缩,因为经过压缩之后会减少数据包的大小从而加快网页的响应速度。

2、启用缓存机制,启用了缓存机制之后css和js等这些东西就会在第一次加载之后保存在客户端,让第二次加载的速度更快。

3、图片要经过压缩处理,比如一张jpg格式的图片我们可以经过无损压缩之后放到网页中从而加快网页的访问速度。

3、不要再前端用img标签来压缩图片,因为你即使压缩了但是那些没用的图片还是从服务器端发送到了客户端。

4、这种技术和CSS Sprites技术都是可以使用构建工具得到的。使用构建工具的好处是不用手工去进行图片的拼合替换,在开发时使用单独的文件就可以。

5、将一些图片都放到一张图片里面,然后通过background-postion来定位。

6、尽量不要使用jquery这样的庞大的类库。

7、原生Javascript中的函数执行几乎总是要比jQuery快一些。正因为如此,请使用Javascript的for循环,不要使用jQuery.each方法。但是请注意,虽然for in是原生的,可是在许多情况下,它的性能要比jQuery.each差一些。

8、将很多的js和css合并到一个里面减少http的请求。

更多请访问:78oa教你如何提高页面加载速度

本文由免费oa系统78oa原创,转载请注明出处。