下面的内容展示了一个常见的 Response Headers，这些 Headers 要求客户端最多缓存 3600 秒，也给出了一个 pub1259380237;gz 的校验值。

HTTP/1.x 200 OK
Transfer-Encoding: chunked
Date: Sat, 28 Nov 2009 04:36:25 GMT
Server: LiteSpeed
Connection: close
X-Powered-By: W3 Total Cache/0.8
Pragma: public
Expires: Sat, 28 Nov 2009 05:36:25 GMT
Etag: "pub1259380237;gz"
Cache-Control: max-age=3600, public
Content-Type: text/html; charset=UTF-8
Last-Modified: Sat, 28 Nov 2009 03:50:37 GMT
X-Pingback: http://net.tutsplus.com/xmlrpc.php
Content-Encoding: gzip
Vary: Accept-Encoding, Cookie, User-Agent

对于缓存而言，我们主要用了 Etag，Cache-Control 和 Last-Modified。

Cache-Control

Cache-Control 是指缓存指令，这个指令控制谁在什么条件下可以缓存响应，以及可以缓存多久。这个协定取代了以前的 Expires 指令，在 HTTP/1.1 开始支持，在这么长时间后，我们可以认为 Cache-Control 在正常环境下都是支持的。Cache-Control的格式如下：

Cache-control: must-revalidate
Cache-control: no-cache
Cache-control: no-store
Cache-control: no-transform
Cache-control: public
Cache-control: private
Cache-control: proxy-revalidate
Cache-Control: max-age=<seconds>
Cache-control: s-maxage=<seconds>

谁可以缓存

public 与 private 用来指定谁可以缓存。public 是指任何资源都可以被缓存下来，即使某些部分需要 http 验证的情况下； private 则是要求针对单一用户进行缓存，其他用户是无法使用这一块缓存的。

怎么缓存

no-cache，no-store 与 no-transform 来指定怎么缓存。“no-cache”表示必须先与服务器确认返回的响应是否发生了变化，然后才能使用该响应来满足后续对同一网址的请求。因此，如果存在合适的校验值 (ETag)，no-cache 会发起往返通信来验证缓存的响应，但如果资源未发生变化，则可避免下载。相比之下，“no-store”则要简单得多。它直接禁止浏览器以及所有中间缓存存储任何版本的返回响应，例如，包含个人隐私数据或银行业务数据的响应。每次用户请求该资产时，都会向服务器发送请求，并下载完整的响应。如果没有指定这个字段，那么就认为是可以缓存的。

缓存多久

指令指定从请求的时间开始，允许获取的响应被重用的最长时间（单位：秒）。例如，max-age=60 表示可在接下来的 60 秒缓存和重用响应。

Last-Modified and If-Modified-Since

除了服务端发送的 Cache-Control 指令外，可以做的更灵活一些，毕竟不是所有请求都适用于不变的 max-age。If-Modified-Since 和 Last-Modified 这一对就是另一种灵活的解决方案。

Last-Modified 是由服务端返回的，用于告知客户端最后一次修改是什么时候。客户端需要记录下来这个值，并在下一次请求的时候，通过 If-Modified-Since 这个字段附上上一次服务端返回的 Last-Modified 的值。在这种情况下，服务端就有了两次时间，在通过比对后，就可以知道在这段时间内，内容是否发生了改变。如果没有发生变化，就会返回 304 NOT MODIFIED 这个状态码，而不是通常的 200。反之如果发生了变化，就进行正常的返回。

Etag and If-None-Match

还记得前面提交的 Etag 吗？这是从另一种维度上来确定 Cache 是否需要更新。服务端会返回相应的 Etag，这个 Etag 客户端不用关心其具体是怎么实现的，只需要能够记录下这个值就行。服务端是通过对内容进行 hash，或者别的算法来生成这样的 Etag，当客户端请求的时候，只需要去检查两者是否相同，即可知道内容有没有发生变化。返回的方式，与前面 If-Modified-Since and Last-Modified 相同。

转载于:https://www.cnblogs.com/caiyanhu/p/6931624.html

【转载】浏览器缓存详解：expires cache-control last-modified相关推荐

浏览器缓存详解:expires,cache-control,last-modified,etag详细说明
参考:http://blog.csdn.net/eroswang/article/details/8302191
[面试专题]Web缓存详解
Web缓存详解标签(空格分隔): 缓存缓存之于性能优化请求更快:通过将内容缓存在本地浏览器或距离最近的缓存服务器(如CDN),在不影响网站交互的前提下可以大大加快网站加载速度. 降低服务器压力: ...
Hibernate二级缓存详解（转）
Hibernate二级缓存详解(转) 本文转载 http://www.blogjava.net/supercrsky/articles/238580.html 与Session相对的是,Session ...
MyBatis 一级缓存二级缓存详解
相关内容: 架构师系列内容:架构师学习笔记(持续更新) MyBatis 缓存详解 cache 缓存缓存是一般的ORM 框架都会提供的功能,目的就是提升查询的效率和减少数据库的压力.跟Hibernat ...
Android网页浏览器开发详解(一)
Android网页浏览器开发详解(一) 请支持原创,尊重原创,转载请注明出处:http://blog.csdn.net/kangweijian(来自kangweijian的csdn博客) Androi ...
cpu二级缓存和一级缓存详解及区别(图解)
cpu二级缓存和一级缓存详解及区别(图解) 2012-09-02 12:27:55| 分类: 硬件技术 |字号订阅处理器缓存的传输速率确实很高,然而还不足以取代内存的地位,这主要是由于缓存只是内 ...
Mybatis二级缓存详解
Mybatis二级缓存 Mybatis相关全览一.简介二.一级缓存 1.入口 2.演示案例一: 案例二: 3.总结三.二级缓存 1.入口 2.如何开启二级缓存 cache-ref配置 cach ...
vue里页面的缓存详解
关于vue里页面的缓存详解实用的例子ABC 往下查看 keep-alive是vue内置的一个组件,可以使被它包含的组件处于保留状态,或避免被重新渲染. 用法: 在keep-alive标签内部添加 i ...
Spring循环依赖和三级缓存详解
Spring循环依赖和三级缓存详解 Spring在启动过程中,使用到了三个map,称为三级缓存我们可以这样理解,假设,我们只有一个缓存容器,并且缓存是直接开放给用户可以调用的,如果将未完成赋值的Be ...

【转载】浏览器缓存详解：expires cache-control last-modified