性能优化

三个方面：

一. 代码层次

1.减少DOM操作，比如用节点克隆，文档碎片createDocumentFragment，cssText，innerHTML

2.使用局部变量（把length、document等赋给变量，再使用变量）

3.尽量用获取节点的准确方法（用children、firstElementChild代替childNodes、firstChild）

4.选择器API（利用querySelector、querySelectorAll(ie6、7不支持)）等

5.事件委托

6.减少重排重绘

7.css选择器尽量避免嵌套

二. 页面层次

1.css文件放在开头

2.js文件放在页面底部

3.css和js文件合并压缩

4.合理利用缓存

5.CDN

6.使用虚拟DOM的脚本库，比如React等

7.懒加载技术（图片、js懒加载）

三. 内容层次

1.首屏优化

2.图片优化，尽量用css3，base64

3.css图片合并，减少http请求