前端优化

一)内容层面

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



你可能感兴趣的:(前端优化)