前端性能优化总结（1）（（本文参考高性能javascript）

1.加载与执行

1. 将脚本放在底部（尽管脚本下载会阻塞另一个脚本，但是页面得大部分内容已经下载完成并显示给了用户，因此页面下载不会显得太慢）
2. 减少页面包含得<script>标签数量，不要把内嵌脚本放在<link>标签后面
3. 逐步加载javaScript文件，即使用无阻塞脚本(尽管单个较大得javaScript文件只产生一次HTTP请求，却会锁死浏览器一大段时间)

• 延迟脚本（defer扩展属性）
• 动态脚本元素

var script=document.createElement('script');
script.type="text/javascript"
script.src="file.js"
document.getElementByTagName("head")[0].appendChild(script)

• XMLHttpRequest脚本注入

2.数据存取

1. 全局变量总是存在于执行链得最末端，一个标识符所在位置越深，它得读写速度越慢，因此尽可能使用局部变量，例如多次读取document获取元素，正确得做法是将全局对象document引用储存在一个局部变量内，用这个局部变量代替全局变量。
2. 应该避免with，try-carch以及eval语句得使用，因为会改变执行环境作用域链。
3. 小心使用闭包，频繁跨作用域访问标识符，每次访问都会带来性能损失。
4. 直接读取字面量比访问对象成员速度要快
5. 对象成员嵌套越深，读写越慢（解决方案，缓存对象成员值）