web端缓存
- web端缓存分为两种:浏览器缓存和http缓存。
- 浏览器缓存:localStorage,sessionStorage,cookie等等。这些主要是缓存一些数据。localStorage,sessionStorage 大约能存储5兆,cookie大约4kb。
- HTTP缓存:
- 优点:1、减少不必要的网络传输,节约带宽。2、更快的加载速度。3、减少服务器负载,避免服务器加载出现问题
- 缺点:占内存
- 分两种缓存: 强缓存和协商缓存
- 强缓存: 以前使用Expires来进行强缓存,现在废弃了,原因是本地时间不对可能会出现永久缓存。现在使用catch-control:max-age = x进行缓存,x就是要进行缓存的时间,单位秒。catch-control有max-age,s-maxage,no-catch,no-store,private,public。
| 类型 | 说明 |
| --- | --- |
| max-age | 决定客户端资源被缓存多久 |
| s-maxage | 决定代理服务器的缓存时长 |
| no-catch | 表示是强制进行协商缓存 |
| no-store | 表示禁止任何缓存策略 |
| private | 表示资源即可以被浏览器缓存也可以被代理服务器缓存 |
| public | 表示资源只能被浏览器缓存 |