一、CDN 后台怎么设缓存(最重要)
进入你的 CDN 控制台 → 找到 缓存配置 / 缓存规则,按下面添加规则:
1. 按文件后缀匹配(推荐)
| 匹配类型 |
文件后缀 |
缓存过期时间 |
作用 |
| 后缀 |
jpg,jpeg,png,gif,webp,svg |
7~30 天 |
图片长期缓存 |
| 后缀 |
css,js |
7~15 天 |
样式、脚本缓存 |
| 后缀 |
woff,woff2,ttf |
30 天 |
字体永久缓存 |
| 后缀 |
html,php,asp |
0 秒 / 不缓存 |
网页不缓存 |
2. 必开两个开关
- 忽略源站缓存:让 CDN 按你设置的时间缓存,不听服务器的
- 缓存静态文件:自动识别图片、CSS、JS 并缓存
二、服务器端怎么配合(Nginx 示例)
如果你用自己服务器,直接把这段放进 nginx.conf 里,重启即可:
location ~* \.(jpg|jpeg|png|gif|webp|svg|css|js|woff2)$ {
expires 7d; # 缓存7天
add_header Cache-Control "public, max-age=604800";
}
三、最关键的 3 个技巧
-
-
更新图片不要覆盖原文件
改名上传: logo.png → logo-v2.png
不用清缓存,立刻生效。
-
不要给 HTML / 页面 设缓存
只缓存图片、CSS、JS 就行,否则网页内容不更新。
一句话记住:
图片 7 天、CSS/JS7 天、字体 30 天、网页不缓存,CDN 规则照这个配,速度直接起飞。 |