前端性能调优

JavaScript 调优

DOM性能调优

1. 缓存css查找结果，多次使用
   CSS查找代价高昂，如果需要多次使用查找结果，可以定义局部变量缓存查找结果，供代码多次使用
   
   
2. 进行CSS查找时，尽量缩小查找范围。
   例如：$('[attrX="XXX"]') 是在整个页面范围内查找，如果您事先知道待查找的节点在<div id="content"></div> 内，那么可以改为 $('#content').find('[attrX="XXX"]')
   
   
3. 合并多个细粒度的Ajax调用，减少通讯及后台压力。
   
   
4. 合并多个js文件，变多次加载为一次加载。
   
   
5. 减少Reflow
   请参考 http://www.ibm.com/developerworks/cn/web/1107_zhouxiang_tunejs/ “减少 Reflow” 章节