10 09/2014

前端优化

最后更新: Wed Sep 10 2014 12:36:06 GMT+0800
  • 请减少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设计模式》