JavaScript 性能

-1减少循环中的活动

• 循环每迭代一次，循环中的每条语句包括for语句，都会执行；能够放在循环之外的语句或赋值会使循环运行的更快。
  例子：

var i；
for(i = 0; i < arr.length;i++){}

优化后：

var i; 
var l=arr.length;
for(i = 0;i < l;i++){}

-2减少DOM访问

• 如果需要访问某个DOM元素若干次，那么访问一次并把它作为本地变量来使用
  例子：

var obj;
obj = document.getElementById("demo");
obj.innerHTML = "hello";

-3避免不必要的变量

• 不要创建不打算存储值的新变量。
  例如：

var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName; 

可用下面的代码替换：

document.getElementById("demo").innerHTML = firstName + " " + lastName

-4延迟JavaScript加载

• 把脚本放在页面底部，是浏览器首先加载页面
• 脚本在下载时，浏览器不会启动任何其他下载，此外所有解析和渲染活动都有可能被阻塞。
• 如果可以，在页面加载完成后，通过代码向页面添加脚本：

<script>
window.onload = downScripts;
function downScripts() {
    var element = document.createElement("script");
    element.src = "myScript.js";
    document.body.appendChild(element);
}
</script>