【缓存】-浏览器缓存

以你之姓@ 2022-05-16 02:53 363阅读 0赞

## 简介 ##

浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档

## 浏览器缓存请求参数 ##

1、浏览器第一次请求时，会发出一组 HTTP 头，用来指导浏览器如何进行缓存。服务器规定一个资源是否要进行缓存，主要由响应头中的Expires/Cache-Control两个字段来控制。  
（1）**Expires**：http1.0时的规范，它的值为一个绝对时间的GMT格式的时间字符串

（2）**Cache-Control**：是http1.1时出现的header信息，主要是利用该字段的max-age值来进行判断，它是一个相对时间。其它参数如下：  
no-cache：不使用缓存  
no-store：直接禁止游览器缓存数据  
public：可以被所有的用户缓存，包括终端用户和CDN等中间代理服务器  
private：只能被终端用户的浏览器缓存，不允许CDN等中继缓存服务器对其缓存

（3）同时启用的时候Cache-Control优先级高

2、Etag/If-None-Match 和 Last\_Modified/If-Modify-Since  
（1）**Last\_Modified** ：http1.0时的规范，它是标识该资源的最后修改时间。当浏览器再次请求该资源时，request的请求头中会包含**If-Modify-Since**，该值为缓存之前返回的Last-Modify。服务器收到If-Modify-Since后，根据资源的最后修改时间判断是否命中协商缓存。若命中，则浏览器返回304响应，并更新缓存中的相应头信息。否则，返回最新的资源内容。

（2）**Etag**：http1.1时的规范，当浏览器第一次请求一个文件时，服务器会生成并返回一个随机令牌即Etag，通常是文件内容的哈希值或者某个其他指纹码。客户端在下一个请求中通过**If-None-Match**字段将Etag的值发送给服务器：如果指纹码仍然一致，说明资源未被修改，返回304。如果不一致，说明资源已修改，则返回最新的资源内容。

（3）HTTP1.1中Etag的出现主要是为了解决几个Last-Modified比较难解决的问题，例如，一些文件可能会周期性的更改，但是它的内容并不改变

（4）两者是可以一起使用的，服务器会优先验证ETag

## 强缓存和协商缓存 ##

### 1、强缓存 ###

用户第二次请求时，浏览器会先获取该资源缓存的header信息，根据Expires/Cache-Control 字段判断请求时间，如果下次请求时间在这个时间以前，则可以直接从缓存中获取资源，不必与服务器进行通信，返回的状态码为200。我们把这种机制称为强缓存。

### 2、协商缓存 ###

如果用户第二次请求时间超过缓存有效期，浏览器就会发送请求到服务器，由服务器来决定下一步该怎么办，这个过程称为协商缓存

## 浏览器缓存机制 ##

参考下图：  
![这里写图片描述][70]

## 浏览器缓存过程 ##

1、浏览器第一次加载资源，服务器返回200， 浏览器将资源下载下来，把资源和response header相关内容一并缓存。

2、下一次加载时，首先比较cache-control，如果没有超过时间，则命中强缓存，不发送请求，直接读取本地文件（如果不支持http1.1，则使用expires来判断）；如果时间已经过期，则发送带有if-none-match和if-modified-since的请求头。