Question

浏览器缓存原理简述

Answer 1

缓存文件存储方式有2种：内存和硬盘。为了提高文件读取速度，浏览器优先读内存中的缓存文件（如果存在的话）。

按照本地缓存阶段和协商缓存阶段分类：

缓存的策略由http消息头Cache-Control确定，以下为各个值对应的效果：
Cache-Control：public ：所有内容都将被缓存（客户端和代理服务器都可缓存）
Cache-Control：private ：所有内容只有客户端可以缓存
Cache-Control：no-cache ：默认值。客户端缓存内容，但是是否使用缓存则需要经过协商缓存来验证决定
Cache-Control：no-store ：所有内容都不会被缓存，即不使用强制缓存，也不使用协商缓存
Cache-Control：max-age=xxx (xxx is numeric) ：缓存内容将在xxx秒后失效

HTTP1.0 的特性，标识该资源过期的时间点，它是一个绝对值，格林威治时间（Greenwich Mean Time, GMT），即在这个时间点之后，缓存的资源过期； 优先级：Cache-Control 优先级高于 Expires ，为了兼容，通常两个头部同时设置；浏览器默认行为：其实就算 Response Header 中没有设置 Cache-Control 和 Expires，浏览器仍然会缓存某些资源，这是浏览器的默认行为，是为了提升性能进行的优化，每个浏览器的行为可能不一致，有些浏览器甚至没有这样的优化。

Last-Modified (Response Header)与 If-Modified-Since (Request Header)是一对报文头，属于 http 1.0。

If-Modified-Since 是一个请求首部字段，并且只能用在 GET 或者 HEAD 请求中。Last-Modified 是一个响应首部字段，包含服务器认定的资源作出修改的日期及时间。当带着 If-Modified-Since 头访问服务器请求资源时，服务器会检查 Last-Modified，如果 Last-Modified 的时间早于或等于 If-Modified-Since 则会返回一个不带主体的 304 响应，否则将重新返回资源。

ETag 与 If-None-Match 是一对报文头，属于 http 1.1。

ETag 是一个响应首部字段，它是根据实体内容生成的一段 hash 字符串，标识资源的状态，由服务端产生。If-None-Match 是一个条件式的请求首部。如果请求资源时在请求首部加上这个字段，值为之前服务器端返回的资源上的 ETag，则当且仅当服务器上没有任何资源的 ETag 属性值与这个首部中列出的时候，服务器才会返回带有所请求资源实体的 200 响应，否则服务器会返回不带实体的 304 响应。