腾讯cdn海外 的缓存预热与动静分离策略 提升首屏加载效果

1. 准备工作：确认账号与域名接入

1) 登录腾讯云控制台，确认已开通 CDN 产品并拥有 SecretId/SecretKey（用于 API 调用）。2) 在域名管理中添加要加速的域名（建议静态资源和动态接口采用不同二级域名，如 static.example.com / api.example.com）。3) 配置域名的 CNAME 到腾讯 CDN 提供的加速域名，并等待 DNS 生效。

2. 源站与 TLS 配置

1) 确认源站能承受并发回源请求，建议启用 Nginx keepalive、压缩与缓存头（Cache-Control）。2) 配置 HTTPS：在控制台上传或使用腾讯云证书（SSL），为静态域名与动态域名都配置 TLS，开启 HTTP/2 或 HTTP/3（如果支持）。

3. 动静分离：域名与路径策略

1) 静态资源（图片/JS/CSS/字体/大文件）放到 static.example.com，并设置长缓存策略（Cache-Control: max-age=31536000, immutable）。2) 动态接口放到 api.example.com，设置短缓存或不缓存（Cache-Control: no-cache/no-store 或根据业务设置）。3) 在应用中移除不必要的 Cookie 与授权头对静态域名的发送，保障 CDN 缓存命中。

4. CDN 节点缓存规则配置

1) 在腾讯云 CDN 控制台 -> 配置管理 -> 缓存规则，新增针对静态域名的路径规则（按扩展名或路径匹配）设置较长 TTL。2) 针对动态接口设置回源规则（忽略缓存、请求回源或自定义缓存键）。3) 配置忽略参数或自定义缓存键（例如去除无影响的 query string）提升命中率。

5. 缓存预热（控制台方法）

1) 在控制台找到“缓存预热/刷新”功能。2) 选择“预热”，填写需要预热的 URL 列表（优先把首屏相关的 HTML、CSS、关键 JS、首屏图片列为高优先）。3) 选择地域“海外/全球”或指定节点覆盖，提交并观察任务状态，遇到回源压力可分批提交或设置排期。

6. 缓存预热（API/脚本方法）

1) 使用腾讯云 CDN 的预热 API（控制台会有 API 文档），使用 SecretId/SecretKey 签名发起请求。2) 将首屏资源 URL 写入脚本（按批次 50-200），每批调用预热接口并记录返回的任务ID。3) 脚本需处理速率限制、重试与失败日志，避免瞬间打满源站。

7. 预热策略与优先级设定

1) 列表优先级：首屏 HTML/关键 CSS/关键 JS > above-the-fold 图片 > 次要图片/延迟加载资源。2) 按地域分批次预热，先覆盖目标重要市场（北美/欧洲/东南亚等）。3) 控制预热频率，避免源站过载，可使用缓存预热窗口（夜间或流量低谷）。

8. 辅助优化：压缩、合并与缓存策略

1) 开启 Gzip/Brotli 压缩并在 CDN 层支持，减小传输体积。2) 合并小文件并使用雪碧图或字体子集，减少首屏请求数。3) 对关键资源启用资源内联（critical CSS/critical JS）或 HTTP/2 Server Push（如果可控）。

9. 监控与验证：测试首屏效果

1) 使用 WebPageTest、Lighthouse、GTmetrix 或浏览器 devtools 测量 FCP/TTFB/FirstByte。2) 在腾讯云控制台查看访问日志与命中率、回源量。3) 若首屏仍慢，检查是否因 TLS 握手、DNS 解析或跨域 Cookie 导致问题并分别优化。

10. 问：如何确定哪些资源要放入预热列表以提升首屏加载？

答：通过抓包（Chrome DevTools Network）、Lighthouse 的“关键请求链”以及页面渲染路径，列出首屏所需的 HTML、关键 CSS、首屏内的 JS 与首屏图片；优先预热这些 URL，并将其放在静态域名上以享受长缓存。

11. 问：如何避免预热操作导致源站压力过大？

答：分批提交预热任务并设置速率限制；在预热脚本中加入 sleep/延时，优先小批量覆盖重要节点；或者先在控制台选择分区域预热、在低峰期执行，必要时开启源站流量控制与熔断策略。

12. 问：动静分离后静态资源缓存失效如何安全回滚或刷新？

答：为静态资源启用版本号（文件名中带 hash），避免频繁手动刷新；若必须刷新，使用 CDN 的刷新 API/控制台按路径或按文件刷新，先在测试子域验证再全网刷新；持续监控刷新任务状态与回源流量。