网站缓存分层加速全攻略：从浏览器到源站落地细节
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /5d149051a142.html
📄
提升网站响应速度，缓存是最直接有效的手段之一。它的核心逻辑是把用户访问过的数据在链条的多个位置存下副本，让后续相同请求直接命中副本，从而绕开耗时的计算和网络传输。缓存并不是单一设置，而是分为浏览器、CDN、反向代理和应用层等多个层级，每层侧重点不同，只有分级配置才能把性能压榨到位。
1. 浏览器本地缓存：首屏加速的第一道闸门
浏览器缓存把静态资源（如 CSS、JS、图片）存在用户自己的设备上，再次访问时直接读取本地文件，能省去一整轮网络交互。对于体积大且很少变化的文件，这一层的收益尤其明显，几乎是零延迟返回。
1.1 缓存时长与资源更新的配合
通过响应头 Cache-Control 中的 max-age 可以规定资源的存活时间，例如 604800 对应一周。再辅以 ETag 作为内容标识，资源临近过期时浏览器会带着它去校验，若没有变化则返回 304 状态码，继续沿用本地副本，避免下载整个文件。
关键注意点是版本号策略：对带版本号的文件（如 style.r2.css）可设置一年以上的长缓存，但每次更新文件时必须同步改版本号，否则用户会一直拿到旧版本。一个常见的踩坑场景是只改了文件内容却忘记改动引用名称，导致线上更新迟迟不生效。
2. CDN 节点分发：缩短跨地域访问距离
浏览器未命中缓存时，请求会向更上游传导，此时 CDN 发挥作用。它把内容分发到各地边缘节点，用户访问时被调度到地理位置最近的节点，只要该节点存有对应资源就能直接返回，大幅降低跨省跨海的网络耗时。
接入 CDN 后要对资源类别做区分：品牌 Logo、字体、公开图片等稳定性高的静态内容适合长期缓存；而订单信息、用户资料等敏感或个性化数据必须排除在共享节点之外。可以借助 Cache-Control: private 明确禁止共享缓存存储，或者用 s-maxage 单独给 CDN 层设置一个很短的缓存窗口，在速度与数据准确之间做折中。
3. 反向代理缓存：为源站构筑流量缓冲带
反向代理（例如 Nginx、Varnish）通常部署在源站之前，统一接收所有入站请求。它能缓存完整的 HTML 页面，当某篇内容突然被大量访问时，反向代理可以直接把存好的页面交给访客，后端应用和数据库得以避开压力峰值，避免服务在流量激增时瘫痪。
部署时需要量化考虑几个参数：缓存磁盘空间上限、淘汰算法（如 LRU 即近期最少使用）、以及是否缓存带用户标识的页面。推荐的做法是：对未登录的公共页面开启缓存，登录用户的请求则通过 Cookie 识别并绕过缓存层，确保个性化内容实时准确。
另外要做好缓存击穿防护——若热点页面缓存恰好失效，大量请求可能同时穿透到源站。可以在失效瞬间加锁或生成临时副本，避免后端被瞬间打满。
4. 应用层缓存：用内存换取数据库喘息空间
应用层缓存重点解决数据库查询开销与复杂运算耗时。目前最主流的载体是 Redis 或 Memcached 这类内存键值存储，它们把热点数据直接放在内存里，读取速度远胜磁盘查询。
常见的落地方式有两种：一是缓存价格、商品详情等读多写少的数据，查出后以 JSON 形式存入内存并设定过期时间；二是缓存复杂运算的结果，例如排序算法或统计报表，避免每次请求都重新计算。使用时要留意缓存穿透问题——查询一个不存在的 key 会每次都打到数据库，可以在应用层过滤并临时缓存空值。同时给 key 设置合理的过期策略，防止内存持续膨胀。
判断标准很简单：如果某个接口响应慢且数据变化不频繁，就值得放入应用缓存；如果数据每分钟都在变动，则不适合缓存，或者需要极短的过期时间。
5. 常见问题
5.1 缓存清理了为什么页面还是旧内容
通常是因为只清理了某一层缓存。浏览器缓存、CDN 节点、反向代理各自独立存储，需要逐层刷新。更重要的是检查资源引用文件名是否已带新版本号，否则即使源站更新了，各节点仍会按原名称返回旧副本。
5.2 所有页面都适合开启缓存吗
不是。只有公开、稳定、不随用户变化的内容适合缓存。涉及登录态、购物车、个人资料等个性化数据必须跳过共享缓存层，否则会出现串号或数据错乱。对这类接口可以设置 Cache-Control: private 或直接禁止缓存。
5.3 缓存过期时间设置多久更合理
没有固定答案，取决于资源变动频率。带版本号的静态文件可以设置 30 天以上；HTML 页面通常几分钟；个性化接口则不做缓存或只做很短的应用层内存缓存。观察实际命中率和更新时效，逐步调整才是正路。
6. 结语
网站加速不是单点操作，而是一条完整的分层链路。建议先盘点自己的静态资源与接口类型，按浏览器、CDN、反向代理、应用层四个维度逐一设置并验证命中率。每次修改文件记得更新版本号，重点关注高流量页面的穿透防护，用数据反馈持续调优，就能在稳定与速度之间找到最佳平衡。
