基础原理2026-07-12

浏览器缓存为什么有时不更新

缓存能提升速度，但配置不当会让用户继续使用旧资源。关键是区分 HTML 和带哈希静态文件的策略。

先用白话理解

这篇内容在讲什么？

浏览器会保存访问过的文件，下次直接使用，所以有时上线新版本仍会看到旧内容。

问题

HTML 和静态资源使用相同长期缓存，或文件名没有随内容变化。

解决方案

缓存响应头示例代码

# 带哈希静态资源
Cache-Control: public, max-age=31536000, immutable

# HTML
Cache-Control: no-cache

Cache-Control 可以让浏览器在有效期内不请求服务器，适合文件名带内容哈希的 JS、样式和图片。

ETag 和 Last-Modified 让浏览器确认文件是否变化，未变化时返回 304。

HTML 通常需要较短缓存或协商缓存，因为它负责引用最新的带哈希资源。

结语

技术方案没有脱离场景的标准答案。把用户任务、业务边界、开发成本和长期维护放在一起评估，才有可能做出稳定、清晰且经得起变化的页面。