web端缓存

84 阅读1分钟
  1. web端缓存分为两种:浏览器缓存和http缓存。
  2. 浏览器缓存:localStorage,sessionStorage,cookie等等。这些主要是缓存一些数据。localStorage,sessionStorage 大约能存储5兆,cookie大约4kb。
  3. 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 | 表示资源只能被浏览器缓存 |