页面优化技术

1、页面缓存+URL缓存+对象缓存

页面缓存：将html页面以String的形式保存到redis中，使用时从缓存中读取，适合不会经常变的页面，设置缓存过期时间要短；

（1）取缓存，

（2）手动渲染模板

（3）输出结果

URL缓存：和页面缓存类似，拼上URL中可变的参数，作为缓存的key。

对象缓存：是粒度更小的缓存单位，

（1）将业务数据的Bean，放入缓存中。

（2）删除老的缓存中的数据，

（3）更新新的数据Bean到缓存中

注：只能先更新数据库，再更新缓存，不能倒置；因为缓存操作不定时的可能从数据库中读取，导致数据不一致。

2、页面静态化，前后端分离

常用技术AngularJS、Vue.js

优点：利用浏览器的缓存

3、静态资源优化

1、JS/CSS压缩，减少流量

2、多个JS/CSS组合，减少连接数（tengine.taobao.org、webpack）

4、CDN优化

内容分发网络，就近访问，阿里，百度会提供cdn服务；