页面优化常用技术

本文介绍了一系列提高网站性能的方法,包括页面缓存、URL缓存、对象级缓存、页面静态化(前后端分离)、静态资源优化及CDN优化等。讨论了不同缓存方式的应用场景与优缺点,并对GET与POST请求进行了对比。
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缓存--->页面缓存---->对象缓存
```
缺点:数据不一致





转载于:https://www.cnblogs.com/facous/p/9597168.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值