10
09/2014
前端优化
- 请减少HTTP请求
- 请正确理解 Repaint(不改变布局,如颜色、visibility) 和 Reflow(布局改变;改变 style 导致 reflow,而改变 class 只是 repaint)
- 请减少对DOM的操作 (先字符串,然后一次DOM)
- 使用JSON格式来进行数据交换
- 高效使用HTML标签和CSS样式(css 效率是 id,class,tag,:hover)
- 使用CDN加速
- 将CSS和JS放到外部文件中引用,CSS放头,JS放尾
- 精简CSS和JS文件
- 压缩图片和使用图片Spirit技术
- 注意控制Cookie大小和污染
来自 前端性能优化
作者推荐的书
《JavaScript DOM高级程序设计》
《JavaScript设计模式》