交付缓存

CDN 缓存头规划

选择资源类型并得到 Cache-Control 建议。带 hash 的文件可以用长期 immutable；HTML 和私有 API 应重新验证或禁止共享缓存。

可用100/100

规则6

immutable2

no-store1

问题0

资源类型

文件名带 hash 时可用一年 immutable。HTML 和登录态 API 不行。

静态文件名HTML 策略

方案只留在此浏览器，不会上传。

建议响应头

把 Cache-Control 配到 CDN 或源站对应路径。

类型	匹配	Cache-Control
带 hash 的 JS/CSS/图片	`/assets/.[hash].`	`public, max-age=31536000, immutable`
HTML 文档	`/`	`public, max-age=0, must-revalidate`
私有 API	`/api/*`	`private, no-store`
字体	`/fonts/*.[hash].woff2`	`public, max-age=31536000, immutable`
无 hash 图片	`/images/*`	`public, max-age=86400, stale-while-revalidate=604800`
Sitemap XML	`/sitemap*.xml`	`public, max-age=3600, stale-while-revalidate=86400`

Nginx

location /assets/*.[hash].* {
  add_header Cache-Control "public, max-age=31536000, immutable";
}

location / {
  add_header Cache-Control "public, max-age=0, must-revalidate";
}

location /api/* {
  add_header Cache-Control "private, no-store";
}

location /fonts/*.[hash].woff2 {
  add_header Cache-Control "public, max-age=31536000, immutable";
}

location /images/* {
  add_header Cache-Control "public, max-age=86400, stale-while-revalidate=604800";
}

location /sitemap*.xml {
  add_header Cache-Control "public, max-age=3600, stale-while-revalidate=86400";
}

Vercel

{
  "headers": [
    {
      "source": "/assets/:path*\\.[hash]\\.:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        }
      ]
    },
    {
      "source": "/",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=0, must-revalidate"
        }
      ]
    },
    {
      "source": "/api/:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "private, no-store"
        }
      ]
    },
    {
      "source": "/fonts/:path*\\.[hash]\\.woff2",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        }
      ]
    },
    {
      "source": "/images/:path*",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=86400, stale-while-revalidate=604800"
        }
      ]
    },
    {
      "source": "/sitemap:path*\\.xml",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=3600, stale-while-revalidate=86400"
        }
      ]
    }
  ]
}

CDN 缓存头规划

资源类型

建议响应头

Nginx

Vercel

只查询必要内容

快速流程

使用建议

建议下一步

浏览器缓存策略检查

HTTP 响应头检查

素材命名规范检查

上线准备评分卡

猜你也会喜欢

IP查询

Nginx location 匹配解释器

SPF 记录生成器

DNS 记录变更备忘单

表单 QA 清单

响应式图片 Srcset 生成

筛选导航 SEO 规划器

LinkedIn 预览素材检查清单