Last-Modified/Etag与Cache-Control/Expires基本知识与应用

Cache-Control/Expires的优先级要高于Last-Modified/Etag

Cache-Control/Expires

Cache-Control与Expires的作用一致，都是在有效期，不会向服务器发送请求直接使用缓存的。只不过Cache-Control的选择更多，设置更细致，如果同时设置的话，优先级高于Expires。

1. Expires存在的问题是：该过期的时间是相对于服务器设定的，如果客户端时间和服务器端不一致（如用户重置了系统的时间）就会导致缓存跟期待的效果出现偏差。

Last-Modified/Etag

在配置Last-Modified/Etag的情况下，浏览器再次访问统一的URI资源，还是会发送请求到服务器询问文件是否已经修改，如果没有，服务器只发送一个304给浏览器，告诉浏览器直接从自己的本地缓存取数据，如果修改过，那就将整个数据重新发送给浏览器。

1. Etag
   Etag可以保证每一个资源都是唯一的，资源变化会导致ETag变化。服务器会根据浏览器上的If-None-Match来判断是否命中缓存。

你可能会觉得使用Last-Modified已经足以让浏览器知道本地的缓存副本是否足够新，为什么还需要Etag呢？

1. 一些文件也许会周期性的更改，但是他的内容并不改变(仅仅改变的修改时间),这时候根本不需要请求。
2. 某些文件修改非常频繁，比如在秒以下的时间内进行修改，(比方说1s内修改了N次)，If-Modified-Since能检查到的粒度是s级的，这种修改无法判断
3. Last-Modified与ETag是可以一起使用的，服务器会优先验证ETag，一致的情况下，才会继续比对Last-Modified，最后才决定是否返回304。

应用：

一般情况下，使用Cache-Control/Expires会配合Last-Modified/Etag一起使用，因为即使浏览器设置缓存时间，当用户点击“刷新”按钮时，浏览器会忽略缓存继续向服务器发送请求，这是Last-Modified/Etag将能够很好的利用304，从而减少响应开销。

CSS、JavaScript、图片等静态资源更新的频率都比较低，而这些文件又几乎是每次HTTP请求都需要的，如果将这些文件缓存在浏览器中，可以极好的改善性能。通过设置http头中的cache-control和expires的属性，可设定浏览器缓存，将静态内容设为永不过期，或者很长时间后才过期。

待更新。。。