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