前端优化

一）内容层面

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、事件委托