改了三版的网页还显示旧版？你被浏览器缓存坑过吗

上周帮楼下开社区咖啡馆的小姑娘改她的小官网。

她上周把菜单上的提拉米苏从28涨到32，改完代码传上去，自己打开网站一看——还是28。

急得她满头汗，说是不是服务器坏了，客人来了说还是按28收钱，自己亏了多少。

我凑过去按了个Ctrl+F5。

数字跳成32。

她当时眼睛都直了，问我是不是会魔法。

哪是什么魔法，就是被浏览器缓存卡了而已。

你以为的“刷新”，根本没碰到缓存的根

很多人用了十几年浏览器，从来没搞懂过普通刷新和强刷的区别。

你平时按的F5，也就是普通刷新，本质上是跟服务器打个招呼：“我要打开这个页面，你那边有没有新内容？要是我本地存的这些文件还没到过期时间，你就告诉我直接用本地的就行，省得来回传费时间。”

而强制刷新（Ctrl+F5）根本不跟服务器废话，直接甩过去一句话：“我不管你什么过期规则，也不管我本地存了啥，你把整个页面的所有东西，从代码到图片到按钮样式，全给我重新发一遍。”

就像你去常买的早餐摊，老板记着你要不加葱的豆浆加茶叶蛋，哪天你突然想加葱，普通刷新就是老板抬头看你一眼，还按之前记的给你装，直到你提醒他“我今天要加葱”——也就是强刷，他才会反应过来。

我之前见过太多人，对着页面按了七八次F5，看着上面还是旧内容，就开始骂服务器垃圾，骂网站做的烂，甚至把整个浏览器都关了重开，结果一打开还是旧的。

真的没必要。

你按的那七八次F5，全在给缓存递台阶，它当然顺着台阶就下了。

别再把缓存当垃圾天天清了

不知道从什么时候开始，所有的电脑优化软件、手机清理APP，都把浏览器缓存标成了占内存的“垃圾”，动不动就弹个提示：“您的浏览器缓存已占用3.2G，清理后可提速40%，点击一键清理”。

说实话，我每次看到这种提示都想笑。

缓存哪是什么垃圾啊。

你想想，你天天刷的淘宝，首页那一排固定的导航栏，淘宝的橙色logo，购物车按钮的样式，这些东西半年都不会变一次，要是没有缓存，你每次打开淘宝，都要把这些固定的元素从服务器重新下载一遍，加载速度慢半拍不说，流量跑的都够你每个月多交十块钱话费。

打个最直白的比方：缓存就像你在常去的奶茶店，店员偷偷记下来的你的口味偏好——三分糖少冰加珍珠，下次你去点单，不用你重新报一遍，他直接就按这个给你做，省下来的时间，就是缓存给你攒的加载速度。

那些优化软件让你天天清缓存，本质上就是让店员每次都把记的你的口味的小本子撕了，你每次点单都要重新报一遍，看似“清理了内存”，实则每次打开网站都要慢个好几秒，纯属好心办坏事。

哦对，这里还要澄清一个误区，很多人把缓存和cookie混为一谈，觉得清缓存就是清掉登录状态。根本不是。

缓存存的是网站的固定静态资源：图片、按钮样式、固定的宣传图。

cookie存的是你的登录状态、浏览过的商品、网站给你的个性化设置。

很多破清理软件根本不管这个，一按“一键清理”，把俩东西全给你删了，你下次打开淘宝要重新扫码，打开B站要重新输密码，连你上次看到一半的番剧进度都给你清没了，这种清理，不做也罢。

什么时候才真的需要碰缓存？

当然，缓存也不是完全没毛病。

最常见的毛病就是“认死理”——你明明已经把网站上的内容改了，它还抱着本地存的旧文件不放，给你看半年前的老黄历。

我去年帮一个做手工皮具的朋友改他的工作室网站，把旧的头层牛皮钱包的展示图换成了新做的植鞣革款，改完之后我自己电脑上看，全是新图，他那边打开，还是三年前拍的旧钱包照片，我俩远程扯了快俩小时，我以为是我代码传错了，翻了三遍服务器的文件，最后才反应过来，是他电脑上的浏览器把旧的图片文件缓存死了，按什么刷新都没用，最后清了这个网站的专属缓存，才看到新的内容。

不过话说回来，真要清缓存的时候，也别上来就点“清理所有网站数据”。

你想想，你要是把所有网站的缓存都清了，你下次打开十几个常去的网站，每个都要重新加载所有的图片和样式，光等加载的时间都够你泡一杯茶了。

教你个最省事的办法：不管你是Chrome还是Edge，只要按F12打开开发者工具，右键点一下浏览器顶部的刷新按钮，就能看到一个“清空缓存并硬性重新加载”的选项，点一下，就只清当前你正在看的这个网站的缓存，别的网站的登录状态、存的固定资源一点都不会动，精准得很。

还有个情况，要是你打开某个网站，发现整个页面的样式全乱了——按钮歪在一边，图片裂成空白，文字堆在屏幕最左边，大概率也是缓存出了问题，按刚才的方法清一下当前网站的缓存，基本就能好。

哦对，别信什么“缓存会拖慢电脑速度”的鬼话。

现在普通用户的电脑内存都是16G起步，浏览器那点缓存，加起来还没你微信存的聊天表情包占的空间大，真的犯不上为了那点空间，牺牲自己每次打开网站的加载速度。

上次那个咖啡馆的小姑娘，现在已经把所有优化软件都卸载了，上次碰到我，说现在打开自己的网站，要是看到旧菜单，直接按Ctrl+F5，再也不慌了。

其实很多互联网上的小坑，说穿了都不是什么大问题，就是没人把这些碎碎的常识讲给你听而已。