什么是网站缓存
\n打开一个网站，第一次可能要等两三秒，刷新一下却瞬间就出来了。这种“变快”的感觉，八成是缓存的功劳。网站缓存就是把已经加载过的网页资源——比如图片、CSS、JS文件，甚至整个页面——临时存下来，下次访问时直接从本地或中间节点调取，省去重复下载的过程。
\n\n浏览器缓存是怎么工作的
\n当你访问一个网页，浏览器会根据服务器返回的响应头决定要不要缓存内容。常见的控制字段有 Cache-Control 和 Expires。比如服务器说：
Cache-Control: max-age=3600还有 Last-Modified 和 Etag，用来做协商缓存。比如浏览器带着上次的修改时间去问服务器：“我这儿有个旧版本，还是最新的吗？”服务器一看没变，就回个 304，告诉它继续用缓存，这样既省流量又提速。
CDN 缓存：离你更近的副本
\n你在北京访问一个美国服务器的网站，每次数据都跨洋传输，肯定慢。CDN 就是把静态资源复制到离用户更近的节点。比如某个网站用了阿里云 CDN，你的请求可能会被分配到上海的服务器，而不是源站。
\n\nCDN 节点也会按规则缓存资源。比如设置：
Cache-Control: public, max-age=86400服务端缓存提升响应速度
\n有些页面是动态生成的，比如电商商品页，每次访问都要查数据库。如果每个用户来都重新算一遍，服务器压力山大。于是可以用 Redis 或 Memcached 把渲染好的 HTML 片段或数据结果存起来。
\n\n比如首页的热门商品列表，每十分钟更新一次。这十分钟内所有请求都读缓存，不用走数据库，响应从几百毫秒降到几十毫秒，用户体验立马不一样。
\n\n缓存不是万能的
\n缓存用得好是加速器，用不好就是“bug制造机”。最常见的问题是更新了 CSS 文件，用户却还在用旧的，导致页面错乱。解决办法是在文件名后加版本号或哈希值：
<link rel="stylesheet" href="style.v2.css">style.a1b2c3d4.css 的名字，一改内容文件名就变，强制浏览器重新下载。\n\n手动清除缓存的几种方式
\n开发调试时最怕缓存干扰。可以直接按 Ctrl+F5 强制刷新，跳过本地缓存。也可以打开开发者工具，在 Network 标签下勾选 “Disable cache”，这样每次请求都会打到服务器。
\n\n如果是手机端测试，有时候光清浏览器不够，还得进设置里清除应用数据。微信内置浏览器也有自己的缓存体系，经常需要彻底退出再进才能看到最新效果。
\n\n合理配置才能发挥最大作用
\n静态资源如图片、JS、CSS 可以设长时间缓存，比如一周甚至一个月；HTML 文件一般设短一点，比如几分钟或协商缓存，确保用户能及时获取更新。关键在于平衡速度和更新时效。
\n\nNginx 配置示例：
location ~* \\\.(js|css|png|jpg|jpeg|gif)$ {
expires 7d;
add_header Cache-Control "public";
}
location = /index.html {
expires 1m;
add_header Cache-Control "no-cache";
}