浏览器的缓存方式主要分为以下几种：
1. 强制缓存（强缓存 / Memory Cache & Disk Cache）
- 通过
Expires或Cache-Control头部控制。 - 在缓存有效期内，浏览器直接使用缓存，不发起请求。
关键HTTP头：
Expires: Wed, 21 Oct 2025 07:28:00 GMT（绝对时间，容易受客户端时间影响）Cache-Control: max-age=3600, public（相对时间，推荐使用）
存储位置：
- Memory Cache（内存缓存）：用于短时间内频繁访问的资源（如当前页面的 CSS、JS）。
- Disk Cache（磁盘缓存）：用于存储较大的资源，关闭页面后仍然有效。
2. 协商缓存（弱缓存 / ETag & Last-Modified）
- 如果强缓存失效，浏览器会发送请求，并通过协商缓存判断资源是否更新。
- 如果资源未更新，服务器返回 304 Not Modified，浏览器继续使用缓存的资源。
关键HTTP头：
Last-Modified（资源的最后修改时间） &If-Modified-SinceETag（资源的唯一标识符） &If-None-Match
3. Service Worker 缓存
- Service Worker 作为浏览器的代理，拦截请求并返回缓存，适用于 PWA（渐进式Web应用）。
- 可用
Cache API控制哪些资源缓存、如何更新。
4. 浏览器存储（LocalStorage / SessionStorage / IndexedDB）
- LocalStorage：持久化存储，关闭页面或浏览器不会丢失数据。
- SessionStorage：会话级存储，页面关闭后数据丢失。
- IndexedDB：适用于存储大量数据，如 JSON 对象。
5. Push Cache（HTTP/2 推送缓存）
- 仅限 HTTP/2 使用，服务器可以主动推送资源到客户端缓存，但 生命周期很短，仅在会话（Session）内有效。
总结
| 缓存方式 | 是否需要请求 | 过期控制 | 适用场景 |
|---|---|---|---|
| 强缓存 | 否 | Cache-Control / Expires |
资源不变更，减少请求 |
| 协商缓存 | 是 | ETag / Last-Modified |
资源可能变更 |
| Service Worker | 否 | 自定义缓存规则 | PWA、离线缓存 |
| 浏览器存储 | 否 | 自己控制 | 存储 JSON、用户设置 |
| Push Cache | 否 | 仅会话内有效 | HTTP/2 服务器推送 |
你可以根据需求选择合适的缓存策略！🚀