js性能优化

一、变量查找优化

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完成多个元素动画