性能优化(转)

首先申请文字相关内容是阅读过转载文章后按照自己的认知排列的，原文参见  前端攻略系列(一) - 前端各种优化(保证持续更新)

1.将CSS和JS放到外部文件中引用，CSS放头，JS放尾

2.精简CSS和JS文件　

关于这一点个人比较喜欢使用grunt来进行文件合并和压缩

3.压缩图片和css sprite

4.请减少HTTP请求

5.减少基于dom的数据操作

6.正确理解 Repaint 和 Reflow　

通过document.createDocumentFragment()得到的一个文档碎片。他是一个轻量级的文档容器，可以理解为时一个暂存在内存中的document对象，他拥有访问节点和操作节点的功能并且可以将其中的内容append到想要显示内容的容器。因为他本身不属于document tree，所以没有文档流重排和重绘的问题，因此在对一个容器进行大规模dom操作且不能使用隐藏来使其脱离文档流的时候，就可以使用documentFragment达到更高效的目的。

7.高效使用HTML标签和CSS样式

8.使用JSON格式来进行数据交换

9.使用CDN加速（内容分发网络）

10.注意控制Cookie大小和污染