页面优化

页面优化

关于页面优化问题，我总结了一下几点，希望能对大家有所帮助

1、内容层面

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

2、网络传输阶段

1. 减少传输过程中实体的大小

   • 缓存 localstorage
   • cookie优化 以用户的形式来缓存
   • 文件压缩(Accept-Encoding: g-zip)

2. 减少请求的次数

   • 文件适当的合并
   • 雪碧图 背景精灵图

3. 异步加载(并发，requirejs)

4. 预加载、延迟加载、按需加载 懒加载

3、渲染阶段

1. js放底部、css放顶部
2. 减少重绘和回流 重绘js的DOM操作添加样式 回流改变js的样式
3. 合理使用VIewport 等meta头部
4. 减少DOM节点 减少DOM结构
5. BigPipe 发一次请求，多次返回数据

4、脚本执行阶段

1. 缓存节点、尽量减少节点的查找 缓存全局变量为局部变量
2. 减少节点的操作(innerHTML) 减少DOM操作
3. 避免无所谓的循环，break、continue、return适当使用
4. 事件委托