Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。

浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。

在具体了解 HTTP 缓存之前先来明确几个术语：

• 缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。
• 过期内容：超过设置的有效时间，被标记为“陈旧”的内容。通常过期内容不能用于回复客户端的请求，必须重新向源服务器请求新的内容或者验证缓存的内容是否仍然准备。
• 验证：验证缓存中的过期内容是否仍然有效，验证通过的话刷新过期时间。
• 失效：失效就是把内容从缓存中移除。当内容发生改变时就必须移除失效的内容。

浏览器缓存主要是 HTTP 协议定义的缓存机制。HTML meta 标签，例如：

<META HTTP-EQUIV="Pragma" CONTENT="no-store">

Cache-Control：no-store

含义是让浏览器不缓存当前页面，但是代理服务器不解析 HTML 内容，一般应用广泛的是用 HTTP 头信息控制缓存。

 

HTTP 头信息控制缓存

---

大致分为两种：强缓存和协商缓存，强缓存如果命中缓存不需要和服务器端发生交互，而协商缓存不管是否命中都要和服务器端发生交互，强制缓存的优先级高于协商缓存。具体内容下文介绍。

Cache-Control：通过指定首部字段 Cache-Control 的指令，就能操作缓存的工作机制。

图：首部字段 Cache-Control 能够控制缓存的行为，指令的参数是可选的，多个指令之间通过“,”分隔。

首部字段Cache-Control 的指令可用于请求及响应时。Cache-Control: private, max-age=0, no-cache

匹配流程（已有缓存的情况下）：