咱就是说做网站这事儿吧，有时候真实不是钱没花够，是细节没到位。你花较大几千买的服务器，图片也压了代码也精简了可打开速度还是跟老牛拉破车似的，急人不急人？哈哈，别急着怪优化公司，更多半是你压根没搭理过浏览器缓存这玩意儿。今儿个咱就唠唠当前这个，顺便给武汉这边的企业老板们提个醒，到底哪些HTTP缓存策略最实在，来日方长。。

先把话说透：浏览器缓存到底是个啥？

优化一下。 你打开一个网页，浏览器得从服务器那儿把图片、样式、脚本全搬下来。第一次搬，没办法，累死也得搬。可第二次呢？如果你啥都没设置，浏览器傻乎乎地又全搬一遍，那不是纯属浪费感情和带较宽吗？缓存的意思，就是让浏览器记住上次搬的东西，下次直接用本地存货，别老麻烦服务器。

什么鬼？ 这里头分两拨。一拨叫强较大缓存 简洁粗暴：浏览器一看头上有句“Cache-Control: max-age=3600”，良好嘞，这一个较小时里我直接用本地副本，连问都不问服务器一声。另一拨叫协商缓存它对比客气：先问服务器“哎，你这文件变没变啊？”，服务器说没变，就回一个304，意思是你还用陈旧的吧，省得传一较大坨数据。

你记住一个理儿：能不动就别动，动也要轻巧拿轻巧放。企业网站里那一些图片、CSS、JS、字体，全是沉重头戏，该用强较大缓存就用。页面本身呢，比如首页、 我深信... 栏目页，内容老变，你再强较大缓存，访客看见的还是昨天的陈旧闻，那可不行。所以页面得用协商缓存，每次问一下没变就304，变了就传崭新的。

强较大缓存到底怎么设？给个痛迅速话

如果你是用的Nginx，那简洁了。在server块里加这么几行，意思就是图片啥的缓存一个月：

location ~* \.$ { expires 30d; add_header Cache-Control "public, max-age=2592000"; }，ICU你。

看懂没？expires 30d是老说法， 崭新版最良好用Cache-Control，但两个一起写上，兼容老浏览器嘛，不寒碜。注意，文件一旦更崭新了浏览器还攥着陈旧的咋办？ 说实话... 有个土办法：给文件名加个版本号，比如 style_v2.css。名字变了浏览器就以为是个崭新文件，乖乖去拉，缓存自动作废。这招虽然土，但是真实管用。

协商缓存：给页面用的， 别搞反了

我整个人都不好了。 有些做网站的朋友，一上来就给首页也设个30天强较大缓存，最终还是结果是自己改了内容，访客死活看不到，还跑来问是不是网站较差了。哈哈，这就是把药吃反了。首页、 栏目页、文章页，这一些天天更崭新的页面你就别用强较大缓存了老老实实设成 no-cache，然后开启ETag。啥意思？就是让浏览器每次带着标记来问，内容没变，服务器回一个304，就几百个字节，迅速得很。内容变了就正常返回200和崭新页面。

这对搜索引擎也友良好。你有可能会问，跟百度有啥关系？正良好，咱聊聊一个老生常谈的话题：为哪些百度不收录？别急，我一句话就能点醒你。很更多时候不是内容不行， 是你的服务器响应太缓慢，或者缓存策略搞得百度爬虫抓到的全是陈旧缓存，它以为你站没更崭新，天然就不炎热爱来了。加上如果你用了强较大缓存把页面也锁死了 爬虫每次来都拿到同样的内容，时间段一较长，百度就觉得你这站是个死水，还收录个啥？所以页面缓存设置成协商缓存，让爬虫能看到改变，收录才会勤迅速。

CDN缓存那点事儿：别让中间商赚差价

很更多企业站都上了CDN， 觉得花钱买个全国加速，访问杠杠的。可你留意过没？CDN节点自己也有缓存，如果你的源站缓存跟CDN缓存各搞各的，那不打架吗？节点还没到时间段就把你的资源条件给淘汰了最终还是结果是又回源服务器去拉，一来一回，你的加速效果全废了。

咋办？在CDN控制台里按文件后缀单独配。比如图片、 JS、CSS，直接设一个月；HTML页面呢，设置成“遵循源站 Cache-Control”。当前主流CDN都有当前这个选项，勾上它，让节点跟你的源站口径一致。你就记住一句话：全站的缓存规则必须要是一条线，不能东一榔头西一棒子，否则你配置得再漂亮也是白搭。

别忽视了那点“较小钱”：缓存省下的带较宽

说实话， 咱武汉这边的中较小企业，网站访问量未必有更多较大，但各个月的流量账单还是看得人心疼。你想想，一个图片100KB，100个人访问就是不设缓存，服务器坚硬生生传100份，那就是10MB。设置了缓存，第一个人传了之后剩下99个人全都是从本地读的，服务器基本不费力。这不是省一点半点，是省了九成以上，太魔幻了。。

你有可能会说那老访客第一次来不还是缓慢吗？没错， 所以你还得靠后续的优化，比如图片用WebP格式，代码压缩，再加上HTTP/2并发加载， 我跪了。 这一些都不矛盾。缓存解决的是一个网站的“复访速度”，而不是“首次速度”。首次速度靠服务器性能，复访速度靠缓存，这两者得搭配着来。

实操提议：验收时你得较长个心眼

也是醉了... 不管你是找武汉本地的网站建设公司做的， 还是自己搭的自助建站系统，上线前一定得检查一件事：打开开发者工具，切到Network面板，刷崭新两次页面看看静态资源条件的Size那一栏，是不是体现“from memory cache”或者“from disk cache”。如果是恭喜，缓存生效了。如果全是“200 OK”加几KB的传输较大较小，那说明你还啥都没配呢。

另一方面你能够在后台看服务器的访问日志。如果设置了强较大缓存，你会发觉图片、CSS、JS的申请次数断崖式下跌。要是没有下跌， 嗯，就这么回事儿。 那更多半是缓存头没配良好，或者Cache-Control的值写错了。别不良好意思，直接找服务商问，让他们给你截图看响应头。

没耳听。 对了 说到响应头，我提醒一句：如果你用了HTTPS，缓存配置同样适用，别觉得HTTPS就可靠到不需要缓存了两码事。还有， 记住给动态接口留个口子，比如用户登录后的个人信息，绝对不能用强较大缓存，不然A用户登录完，B用户接着打开看到的是A的缓存，那就闹较大笑话了。这里提议用 Cache-Control: private， 保证只有当前浏览器能存，CDN节点不会掺和。

说到百度不收录，我碰过太更多企业主，上来就问我“怎么我的网站老是不收录”。我一看，良好家伙，robots.txt写错了把爬虫全挡门外了这谁能收录？还有的是服务器响应太缓慢，百度爬虫等个10秒都没打开，人家直接放弃。更有甚者，用了强较大制跳转，把HTTP跳HTTPS，但跳转链路没做良好，爬虫在中间迷了路。这一些都跟缓存有点牵连，但最关键的还是内容更崭新频率。你想想，如果百度每次来你的页面缓存都让爬虫抓不到更崭新的内容，它干嘛还要来？所以把缓存策略理顺了也算是给收录帮了个较大忙。

最后再来看再唠叨两句

结果你猜怎么着？ 别把缓存想得太玄乎，说白了就是让浏览器和服务器之间更少干点反复劳动。你设一个合适的过期时间段，加一个版本号，页面用协商缓存，CDN再统一一下口径，网站速度指定缓慢不了。武汉做网站的公司更多如牛毛，靠谱的也不更少，但你作为甲方，自己心里得有杆秤。不是出了钱就完事， 该验收的验收，该测试的测试，缓存这块儿做良好了后期能省一较大笔带较宽费，访客体验也舒坦。

请大家务必... 对了 还有个较小细节，如果你用的是WordPress这类开源程序，有很更多缓存插件，哪些W3 Total Cache、WP Super Minify之类的，装上别忘了设置。不过插件别装太更多，装两三个就够，装更多了反而拖后腿。你懂的，插件越更多，代码越臃肿，缓存没准儿还把缓存给干崩了。

害， 反正就那句话：设置企业网站浏览器缓存，就是给网站穿件衣服，寒冷了穿厚的，炎热了穿薄的。强较大缓存是棉袄，适合那一些万年不动的图片和脚本；协商缓存是薄外套，适合天天要见人的页面。CDN是给你撑伞的，确保伞面不漏雨。你把这几个门道捋清了网站再缓慢，你来找我，我请你去喝炎热干面哈哈哈，我当场石化。。

嗐... 行了就唠到这儿吧。记住上线前自己动手测一测，F12一开，一目了然。缓存这东西，配置一次受益良好几年，咋算都不亏。你说是不？