前端性能优化

一）内容层面
1、DNS解析优化（DNS缓存、减少DNS查找、keep-alive、适当的主机域名）
2、避免重定向（/还是需要的） 使用ajax 当请求成功的时候 需要重定向 到另一个页面
3、切分到多个域名 页面类：html、htm等 样式类： js、css等图片类： jpg、png、gif等 动态类：php、asp等
4、杜绝404 404错误页面

二）网络传输阶段
1、减少传输过程中实体的大小
1）缓存 localstorage
2）cookie优化 以用户的形式来缓存
3）文件压缩（Accept-Encoding：g-zip）

2、减少请求的次数
1）文件适当的合并
2）雪碧图 背景精灵图

3、异步加载（并发,requirejs）
4、预加载、延后加载、按需加载 也就是懒加载

三）渲染阶段
1、js放底部，css放顶部
2、减少重绘和回流 重绘 jsdom操作添加样式 回流js改变样式
3、合理使用Viewport 等meta头部
4、减少dom节点 减少dom结构
5、BigPipe 发送一次请求，多次返回数据

四）脚本执行阶段
1、缓存节点，尽量减少节点的查找 缓存全局变量为局部变量
2、减少节点的操作（innerHTML） 减少dom操作
3、避免无谓的循环，break、continue、return的适当使用
4、事件委托