缓存优化别瞎抄网上教程！8年实战踩坑换来的提效实招
你有没有过这种情况？网站代码没改，内容没更，PM突然哐当掉一截。查半天发现是Core Web Vitals里的LCP得分，直接从0.9秒飙到3.8秒。
别不信。
我上个月刚帮一个做母婴内容的站点处理过这事儿——运维图省事，把所有静态资源的缓存时长设成了2年，结果网站更了新的导航栏、换了品牌logo，一半用户打开网站还看到3个月前的旧标识，谷歌直接判定站点体验异常，核心关键词PM平均掉了17位。
你以为的缓存优化，90%都做反了
说白了，很多人对缓存优化的认知，还停留在"把静态资源存到用户本地，下次访问不用重新加载"的层面。
错得离谱。
谷歌根本不会因为你缓存设得久就给你PM加分。它反而会因为用户拿到的是过期资源，判定你的站点内容混乱、体验拉胯。
我给那个母婴站改规则的时候，直接把无版本号的HTML文件max-age设成了0，把带哈希值的JS、CSS文件才设了1年的强缓存。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/5880ad95-eb59-4ab8-9fcf-ab5b7fe075f4.jpg
谷歌Search Console Core Web Vitals报告缓存过期报错截图
改完的第3天，LCP直接降了1.2秒，页面CTR涨了8.7%，掉的PM一周就追回来了。
【操作路径：网站根目录 -> .htaccess文件 -> 区分资源类型设置缓存规则】
很多人觉得接口是动态的，天生就不能缓存。
你想啊，你站点里"作者介绍""关于我们""底部版权信息"这些接口，内容半年都不会动一次，为啥要每次用户打开页面，都要让服务器查一遍数据库再返回结果？
我去年给一个本地生活服务的站点做优化，把这类几乎不变的接口加了1小时的服务端缓存，服务器的请求量直接降了61%，TTFB从1.8秒硬压到400毫秒以内。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/c3ad5997-f548-4975-8d43-f906de30737f.jpg
Nginx配置静态资源强缓存规则代码截图
这事儿根本没什么技术门槛，就是大家做优化的时候，总盯着前端的静态资源，把最容易提效的接口缓存给忘了。
别被那些"缓存**论"忽悠瘸了
说个真事儿。
我去年接的一个教育类客户，之前找的代运营图快，把整个站点开了CDN全页缓存，连需要登录的用户个人中心、订单页面都给缓存了。
结果上线第三天就炸了——付费用户打开网站，看到的是别人的订单信息、收货地址。光客服处理投诉、给用户发补偿，就花了小十万。
真的疼。
你判断一个页面能不能缓存，就拿个最简单的标准卡：但凡页面内容带了用户的个性化信息——比如用户名、购物车状态、订单数据、浏览历史——你敢缓存，就等着出事故吧。
不过话说回来，缓存也不是开得越激进越好。
我测过一组数据：当CDN的缓存命中率只有40%的时候，平均TTFB是1.1秒；命中率到92%的时候，TTFB能压到210毫秒；但如果命中率低于30%，TTFB反而会比完全不开缓存还高——因为每次请求都要先到CDN节点判断要不要回源，平白多了一层跳转。
很多人改完缓存配置，打开自己的电脑测一下，看到加载速度快得飞起，就觉得收工了。
殊不知你自己的电脑上，早就把站点的资源缓存到本地硬盘了，测出来的数根本不算数。
【操作路径：谷歌Search Console -> 体验 -> Core Web Vitals -> 查看7天滚动的真实用户体验数据，别信实验室跑分】
2022年我给一个美妆站点做优化，改完缓存规则自己测LCP是1.1秒，觉得稳了。结果过了10天看真实用户数据，发现有12%的弱网用户，因为缓存的原生长图太大，LCP直接冲到了6秒。赶紧给弱网用户加了适配，推压缩版的WebP图，才把得分拉回合格线。
谁踩谁知道。
那些没人愿意告诉你的缓存优化野路子
第一个招，给首屏核心资源做预缓存标记。
别等浏览器自己慢慢解析HTML找资源，你直接在head标签里加个link rel=preload，把首屏必须用到的logo、核心CSS文件提前标记出来，浏览器在解析HTML的第一时间，就会主动把这些资源拉到本地缓存。
我给一个做科技评测的站点加了这个标记之后，首屏LCP直接降了0.7秒，移动端的核心关键词PM平均涨了12位。
第二个招，给用户做"预测式缓存"。
别等用户点进去才开始加载资源。你可以在用户看完一篇文章的时候，提前把他大概率会点的下一篇文章的封面图、核心资源，悄悄缓存到本地。
之前我给那个日活千万的内容平台做这个功能，用户点进下一篇文章的加载等待时间直接降了80%，二次访问的跳出率降了28%。
说实话，缓存优化从来不是什么高深的技术。
很多人把它想得太复杂，又是抄配置又是上复杂的缓存系统，最后把自己的站点搞的乱七八糟。
你听我一句劝，别搞那些花里胡哨的。
缓存的核心，从来不是让你把缓存时长设得有多长，而是让用户在打开网站的第一秒，就能拿到他需要的内容，还不会拿到过期的旧资源。 内容写得很详细，逻辑也很清晰，对新手来说非常友好，支持一下楼主。 支持理性讨论，反对无脑争吵，楼主带了个很好的头。 楼主分析得很到位，很多地方都很实用，已经默默收藏起来慢慢看。 看完感觉打开了新思路，以后遇到类似情况知道该怎么处理了。 每一段都很有分量，认真读完全篇感觉整个人都提升了不少。 非常有建设性的意见，对解决实际问题有很大的参考意义。
页:
[1]