Web前端优化tips

 

1.   css 顶部，js底部
2.   js,css进行压缩
3.   CDN静态文件
4.   缓存
5.   图片合并，css sprite

1. 尽量定高，避免高度改变导致重新渲染
2. img设定尺寸，防止高度变化
3. 使用页面模板， <scirpt type='text/html'></script>
4. 使用font icon
5. 使用css3, gradient+filter
6. css class复用，减少字符和统一性 .span1   .full-height
7. 延迟初始化， 事件监听
8. ajax 异步加载部分数据
9. 减少遍历DOM
10. 减少事件绑定
11. 尽量使用元素特性，form的submit和reset， placeholder
12. 使用模块加载机制，js文件的延迟加载