浏览器缓存浏览器每次发起请求时，先在浏览器缓存中查找该请求的结果和缓存标志，根据查找结果决定是否向服务器发送请求。浏览器

缓存过程

浏览器每次发起请求时，先在浏览器缓存中查找该请求的结果和缓存标志，根据查找结果决定是否向服务器发送请求。浏览器获取请求结果后，根据响应报文中 HTTP 头的缓存标识决定是否缓存请求结果。
缓存类型

有两种，强制缓存和协商缓存。
什么是强制缓存？

强制缓存就是在浏览器缓存中查找请求结果，并根据该结果的缓存规则来决定是否使用该缓存结果的过程。

强制缓存的情况主要有三种：
1. 请求的缓存结果和缓存标识不存在，强制缓存失效，直接向服务器发送请求；
2. 请求的缓存结果和缓存标识存在，但结果已失效，强制缓存失效，使用协商缓存；
3. 请求的缓存结果和缓存标志存在，且结果尚未失效，强制缓存生效，直接返回缓存结果。

强制缓存的缓存规则是什么？

控制强制请求的请求头是Expires和Cache-Control，Cache-Control优先级比Expires高。

HTTP 1.0使用Expires控制网页缓存，它的值为服务器返回的请求结果缓存的到期时间，再次发送请求时，如果客户端的时间小于Expires的值，就直接使用缓存结果。使用Expires存在客户端与服务器时间可能有误差的问题。

HTTP 1.1使用Cache-Control代替了Expires。Cache-Control可以取以下值

Cache-Control值	含义
`no-store`	禁止对请求和响应内容进行缓存
`no-cache`	强制确认缓存，每次都将请求发送给服务器，由服务器验证请求中所描述的缓存是否过期，未过期就返回 304
`private`	响应内容只有客户端可以缓存，代理服务器不可以缓存，`Cache-Control`的默认值
`public`	相应内容可以被任何中间人（代理、CDN 等）缓存
`max-age`	缓存内容将在设定的多少秒后失效

Expires和Cache-Control同时存在时，只有Cache-Control生效。

协商缓存的规则是什么？

控制协商缓存的响应头有Last-Modified和Etag，请求头有If-Modified-Since和If-None-Match。Etag/If-None-Match这对头部比Last-Modified/If-Modified-Since优先级高。

头部	含义
`Last-Modified`（响应头）	返回的资源文件在服务器最后被修改的时间
`If-Modified-Since`（请求头）	客户端再次发起请求时，携带上次请求返回的`Last-Modified`值
`Etag`（响应头）	返回的资源文件的唯一标识（由服务器生成）
`If-None-Match`（请求头）	客户端再次发起请求时，携带上次请求返回的Etag值

服务器读取到请求头中的If-Modified-Since后，用该值与该资源在服务器的最后修改时间做对比，如果客户端资源不是最新的，则重新返回资源，状态码为 200；否则返回状态码 304，表示资源没有更新。
服务器读取到请求头中的If-None-Match字段后，用该值与该资源在服务器的最新Etag进行对比，一致就返回 304，表示资源没有更新；否则重新返回资源文件，状态码为200。

详解：

参考：