前面的话
缓存机制可以有很多种:比如客户端缓存、服务端缓存、代理服务器缓存等。
而本文主角HTTP的缓存是浏览器缓存。为什么这么说,下面来详细介绍一下。
HTTP缓存分类
HTTP缓存可以分为强缓存 与协商缓存。
强制缓存
当缓存数据库中已经有所请求的数据时,客户端直接从缓存数据库中获取数据。
当缓存数据库中没有要请求的数据时,客户端才会从服务端获取数据,并且服务器会将数据和缓存规则一起返回,缓存规则信息包含在响应头中。
- Expires: 将资源失效的日期告知客户端。Expires是HTTP1.0的产物,先都用Cache-Control代替。
- Cache-Control: 属性很多,用来控制缓存机制。
- private:对指定客户端提供缓存
- public:任何客户端与代理服务器都可以缓存
- max-age:缓存内容在t秒之后失效
- no-cache: 需要使用协商缓存来验证缓存数据
- no-store: 所有资源都不缓存
注意:更推荐使用Cache-Control
协商缓存
客户端会先从缓存数据库中获取到一个缓存数据的标识,得到标识后请求服务器端验证是否失效,如果没有失效服务器端会返回304,此时客户端就可以直接从缓存数据库中获取数据。如果标识失效了,服务器会返回更新后的数据。
- Last-Modified(服务器携带): 服务器在响应请求时,会告诉浏览器资源的最后修改时间
- if-Modified-Since(浏览器携带):浏览器再次请求服务器的时候,请求头包含此字段,后面跟着上一次获取资源的时间。(与上面Last-Modified相匹配)
如果资源在这个时间之后更新过,则响应更新后的资源,返回200 OK ;
如果资源在这个时间之后没有更新过,则响应一个header,返回304 Not Modified。 - if-UnModified-Since(浏览器携带): 与上面Last-Modified相匹配
如果资源在这个字段值之后没有更新过,则请求服务器资源,返回 200 OK;
如果资源在这个字段值之后更新了,则返回 412 Precondition failed(预处理错误) - Etag(服务器携带): 服务器响应请求时,通过此字段告诉浏览器当前资源在服务器生成的唯一标识。服务器为每一份资源分配对应的ETag值,当资源更新时,ETag值也需要更新。
- If-None-Match(浏览器携带):如果If-None-Match与E-tag匹配,则代表内容未变,通知浏览器使用本地缓存。(与上面的Etag相匹配)
如果同时带有E-tag和Last-Modified,服务端会优先检查E-tag
缓存的大致关系:
缓存的优点
- 减少了冗余的数据传递
- 减少了服务器的负担,提高网站性能
- 加快了客户端加载网页的速度,这也是HTTP缓存属于客户端缓存的原因。
不同刷新的请求执行过程
- 浏览器地址栏中写入URL,回车浏览器发现缓存中有这个文件了,不用继续请求了,直接去缓存拿。(最快)
- F5 ,F5就是告诉浏览器,别偷懒,好歹去服务器看看这个文件是否有过期了。于是浏览器就胆胆襟襟的发送一个请求带上If-Modify-since。
- Ctrl+F5 告诉浏览器,你先把你缓存中的这个文件给我删了,然后再去服务器请求个完整的资源文件下来。于是客户端就完成了强行更新的操作.
参考链接:HTTP缓存机制