页面优化常用技术

Posted 2021-01-04 facous

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

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

3. 静态资源优化

4. CDN优化

### 1、页面缓存

1. 取缓存

2. 手动渲染模板

3. 结果输出

解决数据及时性`页面缓存有效时间比较短`

### 2、URL缓存

1. 带额外参数的页面缓存

`注意`

```

适用于变化不大的页面

```

### 3、对象级缓存

缓存力度比较大，比如分布式session中存储的有用户信息的token

### 4、页面静态化（前后端分离技术）

1. 常用技术AngularJS、Vue.js

2. 优点：利用浏览器的缓存

`springboot中提供了静态页面相关的设置`

```

详情可以查阅文档中的spring.resource

```

1. 浏览器本地缓存

(1)Pragma

(2)Expire

(3)Cache-control 300s 单位秒

### 5、GET和POST的区别

1. 传参数有区别

2. GET是幂等的，代表从服务端获取数据，无论调用多少次，都是一样的，不会对服务端产生影响。

3. POST向服务端提交数据，服务端数据会发生变化。

### 6、静态资源优化

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

2. 多个JS/CSS组合，减少连接数 (常用tengine、webpack)

3. CDN就近访问

```

发起请求--->浏览器缓存--->cdn节点--->ngix缓存--->页面缓存---->对象缓存

```

缺点：数据不一致