浏览器缓存机制流程图

直接使用缓存内容

yes

资源有修改，200 响应

【存储策略】将响应资源和缓存标识存入缓存

【过期策略】缓存是否过期

200 响应

no

返回304响应

yes标识对比一致

第一种优先级更高1. Cache-Control(max-age)2. Expires(http1.0 规范)

携带标识(第一种优先级更高)1. If-None-Match(上次响应的 Etag)用于对比服务端的 Etag2. If-Modified-Since(上次响应的 Last-Modified)用于对比服务端的 Last-Modified如果 Etag 对比一致就不再对比 Last-Modified

根据响应头判断是否对资源进行缓存

载入资源

用户请求资源

向服务器请求资源

no标识不一致

是否有缓存

【协商策略】向服务端发起请求验证资源是否有效