【http】http 缓存

http 缓存

1 关于缓存

什么是缓存？
没有必要重新获取的资源 可以存储

为什么需要缓存？
让页面加载更快，减少网络请求和体积，网络请求不稳定

哪些资源可以缓存？
静态资源（js css img）

2 http 缓存策略（强制缓存+协商缓存）

2.1 http缓存 - 强制缓存

Cache-Control

• Response Headers中 服务端返回
• 控制强制缓存的逻辑
• 例如 Cache-Control：max-age=3153600单位是秒
  • max-age 过期时间
  • no-cache 不用强制缓存
  • no-store 不用本地缓存 不用服务端缓存

Expires

• 同在Response Headers 中
• 同为控制缓存过期
• 已被 Cache-Control 代替

2.2 http缓存 - 协商缓存

• 服务器端缓存策略
• 服务器判断客户端资源，是否和服务端资源一样
• 一致则返回304，否则返回200和最新的资源

资源标识

• 在Response Headers中，有两种
• last-modified 资源的最后修改时间
• Etag 资源的唯一标识（一个字符串，类似人类指纹）

last-Modified 和 Etag

• 优先使用Etag
• Last-Modified 只能精确到秒级
• 如果资源被重复生成，而内容不变，则Etag 更精确

2.3 缓存综述

3 刷新操作方式，对缓存的影响

三种刷新操作

• 正常操作：地址栏输入url，跳转链接，前进后退等
• 手动刷新：f5 点击刷新按钮 右侧菜单刷新
• 强制刷新：ctrl+f5

不同刷新操作，不同的缓存策略

• 正常操作：强制缓存有效，协商缓存有效
• 手动刷新：强制缓存失效，协商缓存有效
• 强制刷新：强制缓存失效，协商缓存失效