最近在研究js的性能问题,总结了几点最基本的js优化。
1:JS的脚本位置
浏览器在解析到body之前,不会渲染页面的任何部分,推荐将<script>标签放在body的底部,减少对整个页面下载的影响。因此优化js的首要规则将脚本放在底部。
2:合并js脚本,减少外联脚本的数量
浏览器在解析到<script>标签的时候,都会因为执行脚本导致一定的时延。因此合并js文件减少页面外联脚本的数量将改善性能。
3:把多次访问的全局变量(对象成员,数组元素,跨域变量)储存为局部变量。
在执行环境的作用链中,局部变量在作用链的顶端而全局变量在执行环境的作用链的末端,因此将全局变量存储为局部变量减少了全局变量的查找时间。
4:访问Dom的次数越多,代码的运行速度越慢。减少DOM的访问次数能有效提高性能。
1 function innerHtml(){ 2 for(var count=0;count<1500;count++){ 3 document.getElementById(‘here‘).innerHTML+=‘a‘ 4 } 5 }
原文:http://www.cnblogs.com/sliuie/p/5094999.html