Kirito's Blog · 文章

Cloudflare 缓存规则:静态站点的正确姿势

2026-02-05 · 1 分钟 ·标签:Cloudflare缓存部署

把缓存用对:静态资源长缓存、HTML 短缓存,避免更新不生效。

缓存规则的核心目标:让用户更快、让源站更轻、让更新可控。

静态资源:长缓存

适合:

  • *.css / *.js
  • 图片(png/jpg/webp/svg)

策略:

  • Cache-Control: public, max-age=31536000, immutable

HTML:短缓存或不缓存

HTML 变化频繁,缓存太久会造成“更新不生效”。

策略:

  • Cache-Control: no-cache 或较短 max-age

小技巧

  • 给资源文件名带 hash(将来可以做)
  • 重要更新后可用 Cloudflare Purge