通俗易懂的描述http协议中的4种缓存机制，看完必懂。

末蓝、 2022-12-17 05:55 89阅读 0赞

### 前言 ###

浏览器缓存是一个非常强大的功能。对于开发者来说，合理利用缓存，可以减少用户的网络下载，从而减少网页的白屏时间，极大提升用户体验。

本文试图用简单的语言去解释缓存中的各种概念，以帮助理解与记忆。如果需要具体HTTP报文头细节，还请移步[MDN][]。

### 简介 ###

首先，http缓存分为强缓存和协商缓存，而且他俩都有自己的基础版和升级版。所以就一共有四种形式。

之所以会有升级版，因为这两种缓存的第一代都有问题。但并不是有了升级版，原来的就不用了。这个是要看服务端配置的。他们设置是兼容的。所以你可能看到一个http报文中他们四个同时存在的情况。

#### 强缓存 ####

*  强缓存一代是：`Expires`。原理：服务器给客户端一个过期日期（如：2020年10月1日过期），过期了你就重新获取。存在的问题：客户端与服务器存在时间差，这就可能导致过期时间不精确。
 *  强缓存二代：`Cache-control` 原理：服务器给客户端一个有效期时间段（3天后过期），这样时间差的问题解决了。

但强缓存存在一个问题：有时候服务器也不能确定文件到底什么时候被更新。

> “文件是程序员更新的，我也不知道哪天过期\[捂脸\]”， 服务器说到…

所以强缓存不能满足有些情况。就需要协商缓存。

#### 协商缓存 ####

*  协商缓存一代：`last-modified` \+ `if-modified-since`。简要来说，就是**服务器会检查文件的更新时间是否发生了变化来确定是否可以使用缓存在客户端的文件**。  
    服务端给客户端响应的时候会带着`last-modified`（上次修改时间），当客户端再次发起请求的时候，会携带着`if-modified-since`，服务端会检查上一次修改时间与当前服务器的文件修改时间是否一致，如果一致表示文件没有被修改。所以直接返回304的http状态，304意思就是告知客户端文件没有变更，请直接使用缓存文件。
 *  协商缓存二代： Etag + if-none-match. **文件摘要MD5的方式保证一致性**。协商缓存一代可能存在文件时间发生变更并非意味着文件发生改变这种情况。而使用文件摘要的方式来保证只有在文件真正发生变更才会重新下载，否则仍然是返回304。

### 总结 ###

可以看出，协商缓存顾名思义，浏览器需要去请求服务端是否缓存可用。是一个“协商”的概念，明显区别于强缓存。

[MDN]: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Caching_FAQ

发表评论取消回复

表情：

评论列表（有 0 条评论，89人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS 通俗易懂的HTTP网络

> 去了饿厂面试后了解到了自己计算机基础的薄弱, 非科班出身薄弱也是自然的, 说实话, 我也并不是特别想要往底层深究, 因为越底层的东西越会抽象成服务输送给大众, 就好比自来水

朱雀/ 2023年10月17日 14:59/ 0 赞/ 109 阅读

相关图文详解 Spring AOP，看完必懂！

学习一个模块的设计主要是看接口设计，通过接口设计我们就能够从整体知道模块怎么实现的，具体实现就是组装这些接口来进行实现的，知道了模块接口设计，实现也就变得很简单了。本文主要

迈不过友情╰/ 2023年10月14日 23:00/ 0 赞/ 122 阅读

相关 HTTPS通俗易懂

[https://www.wosign.com/News/httpsjiami\_20180817.htm][https_www.wosign.com_News_httpsji

r囧r小猫/ 2023年07月10日 12:52/ 0 赞/ 18 阅读

相关通俗易懂的双亲委派机制

通俗易懂的双亲委派机制你得先知道在介绍双亲委派机制的时候，不得不提ClassLoader。说ClassLoader之前，我们得先了解下Java的基本知识。

Dear 丶/ 2023年03月13日 06:29/ 0 赞/ 82 阅读

相关通俗易懂的SpringMVC，新手一看就懂！

SpringMVC知识点汇总 MVC模式 MVC模式做了哪些事情呢？总结了下，主要有以下几点： ①将URL映射到java类（Struts2框架）或者java方法（

曾经终败给现在/ 2022年12月25日 03:52/ 0 赞/ 197 阅读

相关通俗易懂的描述http协议中的4种缓存机制，看完必懂。

前言浏览器缓存是一个非常强大的功能。对于开发者来说，合理利用缓存，可以减少用户的网络下载，从而减少网页的白屏时间，极大提升用户体验。本文试图用简单的语言去解释缓存中

末蓝、/ 2022年12月17日 05:55/ 0 赞/ 90 阅读

相关 HTTP ，HTTPS 原理通俗易懂

HTTP ，HTTPS 原理 HTTP 原理地址解析封装 HTTP 请求数据包封装成 TCP 包并建立连接

蔚落/ 2022年11月03日 10:37/ 0 赞/ 184 阅读

相关 23 种设计模式的通俗解释，看完秒懂

![5c1ca151ec8e1385635410757178a2ce.png][] 来源：http://zhuanlan.zhihu.com/p/100746724 01

ゝ一纸荒年。/ 2022年10月23日 00:58/ 0 赞/ 143 阅读

相关敏捷开发：最通俗易懂的敏捷开发描述，一看就懂

![5fe2dea9f4b04aba8ef306267be9c1c0.jpeg][] 敏捷开发分类：敏捷开发的实现主要包括 SCRUM、XP（极限编程）、Crystal Me

一时失言乱红尘/ 2022年09月14日 02:18/ 0 赞/ 200 阅读

相关最通俗易懂的 volatile 关键字详解，看完不懂你打我！

点击关注公众号，利用碎片时间学习![ce728975da4771ab73426b0406c14708.png][] volatile关键字是由JVM提供的最轻量级同步机制。与

柔光的暖阳◎/ 2022年09月08日 15:55/ 0 赞/ 206 阅读