首页 > Web开发 > 详细

js性能优化

时间:2015-10-11 12:52:54      阅读:240      评论:0      收藏:0      [点我收藏+]

一、变量查找优化

1、变量声明要带上var。(否则js引擎将遍历整个作用域查找变量)

2、慎用全局变量。(生命周期长,不利于内存释放)

3、缓存重复使用的全局变量。

4、避免使用with语句。

二、核心语法的优化

1、通过原型优化方法定义。

2、避免使用属性访问方法。

3、避开闭包陷阱。

4、避免在循环中使用try-catch。

5、使用for代替for...in。

6、使用原始操作代替方法调用。

7、传递方法取代字符串。

三、脚本装载优化

1、使用工具精简脚本

2、启用gzip压缩

3、设置cache-control和expires头(可以将脚本文件缓存在客户端或代理服务器上)

4、异步加载脚本

四、dom操作优化

1、减少dom元素数量

2、优化css样式转换

3、优化节点添加

4、优化节点修改

5、减少使用元素位置操作

6、避免遍历大量元素

四、事件优化

1、使用事件代理

五、动画优化

1、设置动画元素为absolute或fixed

2、使用一个timer完成多个元素动画

js性能优化

原文:http://www.cnblogs.com/mfbxy/p/4869074.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!