全面解读 HTTP 缓存机制：200 内存与硬盘缓存、304 状态码

50 0 0

一、HTTP 状态码 200 与缓存机制

HTTP 状态码 200（OK）是 HTTP 协议中最常见的成功响应代码，表示服务器成功处理了请求，并返回了所请求的资源。在缓存机制的上下文中，HTTP 状态码 200 涉及多种资源加载方式，包括首次请求、内存缓存和磁盘缓存。

1.1 HTTP 状态码 200 详解

1. 请求成功

当浏览器首次请求某个资源时，如加载一个网页、图片或其他文件，服务器会返回 200 状态码，表示资源已成功传输且没有问题。例如，打开一个新的网页时，浏览器会向服务器请求 HTML、CSS 和 JavaScript 文件，服务器返回 200 状态码并传输这些文件，浏览器进行渲染以显示网页内容。

2. 内存缓存

资源成功请求并返回 200 状态码后，浏览器会将这些资源存储在内存缓存中。内存缓存的优点在于速度快，能够迅速响应用户的请求，适合存储需要频繁访问的资源。然而，其缺点是内容在浏览器关闭或页面刷新后会被清除，因此适用于会话期间需要频繁访问的资源。

例如，访问新闻网站的首页时，其中包含多张图片和样式表。点击新闻链接切换到详细页面时，浏览器会利用内存缓存中的图片和样式表来加速页面加载。

3. 磁盘缓存

除了内存缓存，浏览器还会将资源存储在磁盘缓存中。磁盘缓存的优点在于可以长期保存资源，减少带宽消耗，但访问速度比内存缓存慢。因此，磁盘缓存适合存储长期需要保留的资源，如图片、样式表和脚本文件等。

例如，访问购物网站并下载商品图片和样式表后，这些资源会被存储在磁盘缓存中。即使关闭浏览器后重新访问该网站，浏览器也会从磁盘缓存中读取这些资源，加快页面显示速度。

1.2 HTTP 状态码 200 与服务器交互情况

在浏览器加载资源的过程中，HTTP 状态码 200 表示资源已成功从服务器获取。具体交互情况如下：

1. 首次请求

浏览器首次请求资源时，由于缓存中不存在该资源，浏览器会向服务器发送 HTTP 请求。服务器处理请求后返回 200 状态码和资源，完成一次完整的 HTTP 请求-响应循环。

2. 内存缓存

在同一会话期间再次请求相同资源时，浏览器会首先检查内存缓存。如果资源在内存缓存中，浏览器将直接从内存中加载资源，无需与服务器交互。这种方式访问速度非常快，因为内存缓存存储在 RAM 中。

3. 磁盘缓存

如果资源不在内存缓存中，浏览器会继续检查磁盘缓存。如果资源存在于磁盘缓存中，浏览器会直接从磁盘中加载资源，同样无需与服务器交互。磁盘缓存的访问速度虽然比内存缓存慢，但能够长期保存资源，减少重复下载。

4. 与服务器交互的区别

在首次请求中，浏览器必须与服务器交互以获取资源。在内存缓存和磁盘缓存的情况下，浏览器则直接从本地缓存中加载资源，无需与服务器交互。但如果资源在缓存中不存在或已过期，浏览器仍需与服务器交互以重新获取资源。此时，服务器可能返回 200 状态码（资源需重新传输）或 304 状态码（资源未修改）。

二、HTTP 状态码 304 与缓存机制

HTTP 状态码 304（Not Modified）表示资源未修改，即所请求的资源自上次请求以来没有发生任何变化。这种状态码与浏览器的缓存机制密切相关，通过减少不必要的数据传输来提升性能。

2.1 HTTP 状态码 304 基本概念

HTTP 状态码 304 是一种重定向状态码，但它并不真正重定向到另一个资源。相反，它告诉客户端可以继续使用其本地缓存的副本，因为服务器上的资源自上次请求以来没有变化。这减少了带宽消耗，提升了加载速度。

2.2 HTTP 状态码 304 的缓存机制

当浏览器请求某个资源时，它会检查本地缓存中是否有该资源的副本。如果有，并且资源未过期，浏览器将直接使用缓存资源；如果已过期，浏览器需要向服务器确认资源是否有更新。

浏览器通过发送带有验证信息的请求（如 ETag 或 Last-Modified）来向服务器确认资源状态。服务器根据这些验证信息判断资源是否发生了变化：

ETag：由服务器生成的资源唯一标识符，通常是一个哈希值或唯一标识符，用于标记资源的版本。浏览器在请求中通过 If-None-Match 头字段发送 ETag 值，服务器将请求中的 ETag 值与当前资源的 ETag 值进行比较。Last-Modified：表示服务器上资源的最后修改时间。浏览器在请求中通过 If-Modified-Since 头字段发送 Last-Modified 时间戳，服务器会比较请求中的时间戳与资源的实际最后修改时间。

服务器根据比较结果作出响应：

如果资源未改变，服务器返回 304 状态码，不包含任何消息体。浏览器从本地缓存加载资源并渲染页面。如果资源已改变，服务器返回 200 状态码和更新后的资源内容。浏览器更新缓存并渲染新资源。

2.3 完整的工作流程

以下是 HTTP 状态码 304 缓存机制的完整工作流程：

浏览器请求资源。浏览器检查本地缓存中是否有该资源的副本。如果资源在缓存中且未过期，浏览器直接使用缓存资源。如果资源已过期，浏览器向服务器发送带有验证信息的请求（ETag 或 Last-Modified）。服务器根据验证信息判断资源是否发生变化。如果资源未改变，服务器返回 304 状态码，浏览器从缓存加载资源。如果资源已改变，服务器返回 200 状态码和更新后的资源，浏览器更新缓存并渲染新资源。