从php到浏览器的缓存机制

封面图 • 2025-11-21 • PHP

从 PHP 到浏览器的缓存机制，涉及多个层面：**服务器端（PHP）** 和 **客户端（浏览器）** 的缓存策略。理解这些机制可以帮助你优化网站性能、减少重复请求、提升用户体验。

---

## 一、PHP 与浏览器缓存的关系

PHP 是服务器端语言，它生成 HTML、CSS、JS 等内容，并通过 HTTP 响应返回给浏览器。浏览器在接收到响应后，可以根据响应头中的信息决定是否缓存该资源。

---

## 二、浏览器缓存机制概述

浏览器缓存是基于 **HTTP 缓存控制头** 实现的，常见的响应头包括：

| 响应头 | 说明 |
|--------|------|
| `Cache-Control` | 控制缓存行为（如 `max-age=3600` 表示缓存1小时） |
| `Expires` | 指定资源过期时间（相对于服务器时间） |
| `Last-Modified` | 资源最后修改时间 |
| `ETag` | 资源的唯一标识符（类似哈希值） |
| `Vary` | 指定缓存依据哪些请求头进行区分 |

---

## 三、PHP 如何设置缓存头

在 PHP 中，你可以使用 `header()` 函数来发送 HTTP 响应头，控制浏览器缓存行为。

### 示例 1：设置 `Cache-Control`

```php
<?php
// 设置缓存时间为 1 小时
header("Cache-Control: max-age=3600, public");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + 3600) . " GMT");
```

> 注意：`Expires` 已逐渐被 `Cache-Control` 替代，但某些旧系统仍可能依赖它。

### 示例 2：使用 ETag 和 Last-Modified 实现条件请求

```php
<?php
$filename = 'data.json';
$modified_time = filemtime($filename);
$etag = md5_file($filename);

header("Last-Modified: " . gmdate("D, d M Y H:i:s", $modified_time) . " GMT");
header("ETag: \"$etag\"");

if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) && isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
    if ($_SERVER['HTTP_IF_MODIFIED_SINCE'] == gmdate("D, d M Y H:i:s", $modified_time) && $_SERVER['HTTP_IF_NONE_MATCH'] == "\"$etag\"") {
        header("HTTP/1.1 304 Not Modified");
        exit;
    }
}

// 正常输出文件内容
readfile($filename);
```

---

## 四、浏览器缓存的工作流程

1. 用户访问页面。
2. 浏览器检查本地缓存中是否有该资源的副本。
3. 如果有，且未过期，则直接使用缓存。
4. 如果已过期或未命中，浏览器向服务器发起请求。
5. 服务器返回资源，并附带缓存控制头。
6. 浏览器根据头信息决定是否缓存。

---

## 五、缓存类型

### 1. **强缓存（Strong Cache）**
- 使用 `Cache-Control: max-age=N` 或 `Expires`
- 浏览器直接使用缓存，不向服务器发送请求
- 优点：速度快，减轻服务器压力

### 2. **协商缓存（Conditional Cache）**
- 使用 `Last-Modified` 或 `ETag`
- 浏览器发送请求，携带 `If-Modified-Since` 或 `If-None-Match`
- 服务器判断资源是否更新，返回 304 Not Modified 或新的内容
- 优点：避免传输大文件，节省流量

---

## 六、PHP 与浏览器缓存的最佳实践

| 建议 | 说明 |
|------|------|
| 对静态资源（CSS、JS、图片）设置较长的缓存时间 | 提高加载速度 |
| 对动态内容设置较短的缓存时间或禁用缓存 | 确保用户看到最新内容 |
| 使用 ETag 和 Last-Modified 实现协商缓存 | 避免不必要的数据传输 |
| 使用版本号控制资源更新 | 如 `style.css?v=1.0.1`，强制刷新缓存 |
| 避免在 PHP 中频繁输出 `Cache-Control: no-cache` | 可能导致浏览器频繁请求资源 |

---

## 七、常见问题

### Q1：为什么浏览器没有缓存我的页面？

- 检查 PHP 是否正确设置了 `Cache-Control` 或 `Expires`
- 确认浏览器没有开启“无痕模式”或“清除缓存”
- 查看浏览器开发者工具的 Network 面板，查看响应头是否包含缓存控制信息

### Q2：如何强制刷新缓存？

- 在 URL 后添加随机参数：`?v=123456`
- 使用 `Cache-Control: no-cache`（但会触发协商缓存）

---

## 八、总结

| 层面 | 内容 |
|------|------|
| PHP | 通过 `header()` 设置缓存控制头 |
| 浏览器 | 根据响应头决定是否使用缓存 |
| 缓存类型 | 强缓存、协商缓存 |
| 目标 | 提升性能、减少请求、优化用户体验 |

---

如果你有具体的场景（例如：缓存图片、HTML 页面、API 接口等），我可以提供更详细的代码和配置建议。