web页面缓存之Cache-Control问题

Bertha 。 2022-04-17 02:19 230阅读 0赞

[https://blog.csdn.net/four\_lemmo/article/details/78211520][https_blog.csdn.net_four_lemmo_article_details_78211520]

Cache-Control是HTTP协议的一部分，是在请求和响应中必须服从的指令，通常用于提高页面加载，阻止页面缓存对请求和响应造成不利的干扰。

Cache-Control 为单向指令，即请求中存在的指令，并不意味着响应中存在同样的指令

客户端对请求的处理（请求头设置的Cache-Control）：  
Web浏览器都有Refresh（刷新）和Reload（重载）按钮，可以强制对浏览器或者代理缓存，进行刷新

Refresh的特性取决于特定的浏览器、文档以及拦截缓存的配置。可以通过下面的指令来强化客户端的缓存配置

请求中Cache-Control指令  
指令 目的  
Cache-Control:max-stale=<s> 缓存可随意提供过期文件，如果指定了参数<s> 在这段时间内，文档不能过期  
Cache-Control:max-age=<s> 缓存无法返回缓存时间大于<s>秒的文件，这条指令使得缓存更加严格  
Cache-Control:no-cache 除非资源进行了再验证，否则客户端不会接受已经缓存的资源  
Cache-Control:no-store 缓存尽快从存储器中删除资源痕迹  
Cache-Control:only-if-cached 当缓存中有副本文件存在才，客户端才会获取副本

服务器对Cache-Control的配置：  
响应的Cache-Control指令  
指令 说明  
public 所有内容都被缓存  
private 仅客户端缓存代理服务器不缓存  
no-cache 必须先与代理服务器确认是否更改，然后在在决定使用缓存还是请求  
no-store 所有内容都不会被缓存  
must-revalidation/proxy-revalidation 如果缓存内容失效，请求必须发送服务器/代理进行验证  
max-age=<s> 缓存内容在s秒后失效，仅HTTP1.1可用

对于上述配置浏览器的响应为：

浏览器对于Cache-Control的响应  
指令 打开新窗口 原窗口单击Enter按钮 刷新 点击返回按钮  
public 缓存页面 缓存页面 重新请求页面 缓存页面  
private 重新请求 第一次请求，随后缓存 重新请求页面 缓存页面  
no-cache/no-store 重新请求 重新请求 重新请求 缓存页面  
must-revalidation/proxy-revalidation 浏览器重新请求 第一次请求，随后缓存 重新请求 缓存页面  
max-age=xxx 在XX秒后重新请求 在XX秒后重新请求 重新请求 在xx秒后重新请求

设置缓存之后客户端的请求：  
HTTP中expires为绝对过期时间，过期时间过期了，说明缓存已过期，max-age定义了请求返回数据中最大使用使用期。

定义了max-age之后，缓存的内容不一定每次都与服务器来进行验证，但是在过期时间到期之后。一定会与服务器验证。

HTTP条件方法可以实现高效的再验证，向服务发送 “ 条件GET ” 目前最常用的为 If-Modified-Since:Date If-None-Math:ETag(实体标签，版本标识)

If-Modified-Since 表示在指定日期之后资源被更新，就返回新的请求，如果指定日期未更新就返回304直接读取缓存

If-None-Math 有的文档有可能周期性的被重写,通过ETag 来确保文档是否改变,改变返回请求状态为200的新资源，未改变返回状态码304直接读取缓存

这些可以结合使用。

缓存的内容不一定每次都与服务器来进行验证，不同的浏览器对于请求中Cache-Control的值和响应中Cache-Control的值的优先级是不一样的。以下为设置了max-age之后的请求  
在资源未失效的情况下，用户打开浏览器窗口。读取缓存的浏览器有  
win8.1 firefox55 Gecko55.0  
Win7 chrome47 webkit 537.36  
Win7 chrome 45 webkit 537.36 45.0.2454.101  
Win10 chrome 48 webkit 537.36  
Win7 chrome 58 webkit 537.36  
Mac OS 10.12.6 safari10 webkit 603.38  
winXP chrome55 webkit 537.36 55.0.2883.87  
Win7 Maxthon4 4.9.5.1000 webkit537.36  
以上浏览器为实测测试。不包括全部  
\---------------------  
作者：four\_lemmo  
来源：CSDN  
原文：https://blog.csdn.net/four\_lemmo/article/details/78211520  
版权声明：本文为博主原创文章，转载请附上博文链接！

[https_blog.csdn.net_four_lemmo_article_details_78211520]: https://blog.csdn.net/four_lemmo/article/details/78211520