你有没有遇到过：昨天打开公司内部系统秒开，今天却要等三秒才加载出来？或者微信公众号文章点进去立刻显示，但换个链接就转圈半天？这背后，很可能就是「网络缓存命中率」在悄悄起作用。
缓存就像你常去的便利店
想象一下：你每天下班顺路买瓶水，老板早把你的常购款（冰镇绿茶）放在收银台边——你一进门，伸手就拿，3秒搞定。这就是「命中」。要是今天你想换喝橙汁，店里没备货，老板得从仓库翻箱倒柜找，再扫码上架，你等了半分钟——这就叫「未命中」。
网络缓存也是这个理。浏览器、CDN节点、甚至你家路由器，都会把最近访问过的网页资源（比如 logo 图片、CSS 样式表、JS 脚本）临时存一份。下次再要，直接本地拿，不走远路。
命中率怎么算？很简单
缓存命中率 = （成功从缓存拿到资源的次数） ÷ （所有请求资源的总次数） × 100%
举个真实例子：
某新闻网站一天被访问 10 万次，其中 8.5 万次的图片和 JS 文件都从 CDN 缓存里直接返回了，剩下 1.5 万次得回源站重新拉取——那它的缓存命中率就是 85%。
命中率高低，真能感觉出来
✔ 命中率高（比如 >90%）：页面秒开、视频不卡顿、App 切换流畅；
✘ 命中率低（比如 <50%）：首页加载慢、图标反复闪烁、H5 页面白屏几秒——不是网差，是缓存“掉链子”了。
常见掉率原因也挺生活化：
• 网站改版，新 CSS 文件名变了（旧缓存失效）；
• 运营临时加了个跳转页，没配置缓存规则；
• 你清空了浏览器缓存，等于把便利店货架全清空了。
开发者怎么调？简单两行代码就管用
给静态资源加个版本号，让浏览器“认得清”该用哪份缓存：
<link rel="stylesheet" href="/css/main.v2.1.css">
<script src="/js/app.v2.1.js"></script>再配上服务器响应头，告诉浏览器：“这个文件一个月内别来问我了”：
Cache-Control: public, max-age=2592000对普通用户来说，不用折腾命令行或设置项。只要知道：你每次顺手关掉又重开浏览器，或者狂点“强制刷新（Ctrl+F5）”，就是在主动绕过缓存——这时候命中率瞬间归零，卡一下，真不冤。