-
我发布了前端新版本,可一大批用户死活还是旧页面、改的 bug 在他们那儿没修复,我对着 HTTP 缓存的 Cache-Control 排查了大半天的复盘
修了个前端 bug,打包发布上线,自己刷新好了。可没多久客服炸了:一大批用户那个 bug 还在、页面还是旧的,让他们刷新有的也没用,直到清缓存/强制刷新才好。困惑——我明明发了新版本服务器都是新代码,用户怎么还用旧的?排查大半天才理解 HTTP 缓存的门道和我没配好 Cache-Control 的疏忽:我给所有静态资源配了超长强缓存 max-age=1年、而 js/css 文件名又是固定的(app…- 0
- 0
-
HTTP 缓存完全指南:从一次"发了新版用户还看旧页面"看懂强缓存与协商缓存
2023 年我给一个 Web 服务做 HTTP 缓存服务里既有页面也有 JS CSS 这些静态资源还有一批返回数据的 API 我想减轻服务器压力让用户打开得更快第一版我做得很顺手写一个统一的响应处理给每一个响应都加上一个 Cache-Control max-age 而且为了缓存效果好我把这个时间设得很长一整天本地我点开页面刷新看 Network 面板资源确实显示 from disk cache 不…- 2
- 0
-
CDN 缓存命中率完全指南:从一次"加了 CDN 命中率却几乎为零"看懂为什么边缘节点是空的
2024 年我给一个内容网站接 CDN这个网站的首页和文章页都很慢图片 CSS JS 全压在源站一台机器上访问高峰期出口带宽直接打满方案很标准接一个 CDN 把静态资源交给 CDN 遍布各地的边缘节点去缓存让用户就近访问把源站的流量分出去第一版我做得很顺手把网站域名 CNAME 到 CDN 厂商给的地址DNS 一改本地测了测资源确实从 CDN 的节点加载了我心里很笃定 CDN 嘛就是把我的资源复制…- 2
- 0
-
HTTP 缓存策略完全指南:从一次"改了样式发了新版用户还是旧的"看懂强缓存与协商缓存
2023 年我负责一个前端站点的上线和迭代。第一次认真处理缓存时我做得很省事在 Nginx 上给所有静态资源 HTML JS CSS 图片统一加了一行 expires 7d 意思是都缓存 7 天。本地一测飞快第二次打开页面资源秒加载服务器压力肉眼可见地降了。我心里很踏实HTTP 缓存嘛不就是给资源设个过期时间过期了浏览器自然会重新拉。可等它真正上线开始频繁迭代一串问题冒了出来。我改了页面样式重新发…- 0
- 0
-
HTTP 缓存机制详解:Cache-Control、ETag 与协商缓存的正确配置
HTTP 缓存几乎是性能优化里"投入最少回报最大"的一块,但很多人对它的理解还停在"加个 Cache-Control 就行"。结果上线后要么缓存太强,改了文件用户看不到新版本;要么缓存太弱,白白浪费带宽。这篇文章把 HTTP 缓存的所有头部一次讲透,告诉你"什么场景配什么"。 强缓存 vs 协商缓存:先建立框架 HTTP 缓存分两层,理解…- 0
- 0
Cache-Control
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!





