开发者指南 二级目录网站使用cdn 与静态资源分离部署流程

1.

总体策略与适用场景

- 目标：将网站二级目录（示例：example.com/app/）的静态资源通过独立域名或CDN分发，减轻源站压力并提升全球访问速度。
- 适用场景：中小型网站到中大型电商，流量在10k~1M PV/日，峰值并发从几十到数千RPS。
- 优点：缓存命中率高、带宽成本下降、TLS终止下源站连接数减小、静态资源并行加载提升页面渲染速度。
- 关键点：保持二级目录URL规范、避免Cookie传递到静态域名、使用指纹化（hash）文件名+长缓存。
- 成功指标：首字节时间(TTFB)下降、页面完全加载时间(PLT)下降、源站带宽占用降低至少70%。

2.

域名与DNS配置

- 静态资源建议使用子域名：static.example.com，或使用主域加路径 /app/static/ 并通过CDN路径规则映射。
- DNS记录：为static.example.com新增CNAME到CDN提供的域名；对根域使用ALIAS/ANAME或A记录指向VPS。
- TTL策略：DNS记录TTL可设为300秒用于快速切换，生产稳定后可提升到3600秒。
- HTTPS证书：为static子域申请通配符或单独证书，若使用CDN可托管证书（如Cloudflare/阿里云CDN）。
- 示例：static.example.com CNAME -> cdn.examplecdn.net；example.com A -> 203.0.113.10（VPS IP）。

3.

VPS/服务器基础配置示例

- 常见配置（示例）：2 vCPU / 4GB RAM / 80GB SSD / 带宽 100Mbps，操作系统 Ubuntu 20.04 LTS。
- Nginx 建议：worker_processes auto; worker_connections 10240; keepalive_timeout 65; gzip on; brotli on（若编译支持）。
- PHP/应用后端示例：PHP-FPM pool www: pm = dynamic, pm.max_children = 30（基于2 vCPU需调节至20~40视内存）。
- 文件系统与缓存：使用SSD+tmpfs（/var/cache/nginx）挂载静态缓存目录，减少磁盘IO。
- 监控项：CPU平均利用率<70%，内存使用<80%，带宽峰值不超过额定带宽，I/O等待低于5%。

4.

Nginx与缓存头部、CDN友好设置

- 强缓存头：对于指纹化的静态资源设置 Cache-Control: public, max-age=31536000, immutable。
- 动态资源与API：设置 Cache-Control: private, no-store 或短时间 max-age=60，并启用 Vary: Accept-Encoding。
- 避免Cookie：为static子域配置无Cookie，当二级目录无法拆域时通过路径下发静态资源并在CDN规则中Strip Cookies。
- 示例 Nginx 配置片段：location ^~ /app/static/ { expires 365d; add_header Cache-Control "public, max-age=31536000, immutable"; }。
- 压缩与合并：启用 gzip_types text/css application/javascript; 若CDN支持Brotli，可在CDN层启用以降低传输大小。

5.

CDN接入与回源控制

- 接入方式：1) 子域CNAME到CDN；2) 通过CDN控制台添加回源地址（origin）为源站IP或域名。
- 回源策略：开启回源头部 x-forwarded-for, X-Forwarded-Proto，设置回源健康检查频率（30s）。
- 缓存策略：按文件后缀及路径定义缓存规则，静态文件走边缘长期缓存，HTML或API走动态不缓存或短缓存。
- 缓存刷新：使用版本化文件名减少刷新需求；若必须刷新，使用CDN提供的Purge API按路径或前缀清除缓存。
- 限流回源：设置边缘层速率限制，防止源站在缓存穿透时被短时间高并发淹没（比如限制每秒对源站max 50 RPS）。

6.

DDoS防御与安全实践

- CDN 层防护：启用WAF和DDoS清洗（如Cloudflare/阿里云/腾讯云），设置挑战验证与IP信誉拦截。
- 源站防护：只允许CDN节点IP访问源站（通过防火墙或Nginx allow 列表），阻断直接绕过CDN的请求。
- 限流与连接数：在Nginx层配置 limit_req_zone 和 limit_conn_zone，例：limit_req_zone $binary_remote_addr zone=one:10m rate=10r/s。
- 日志与告警：启用异常流量告警（峰值流量、错误率突增），设置阈值如5分钟内请求数超过5000触发告警。
- 恢复策略：维护备用回源IP或负载均衡池，确保在一次清洗或切换期间源站可平滑切换。

7.

真实案例与性能数据对比

- 案例简介：某电商二级目录 /shop/，日均PV 200k，峰值并发1500 RPS，原先源站带宽100Mbps，经常出现静态文件下载慢导致下单转化下降。
- 部署动作：1) 将/static/资源迁移到 static.shop-example.com 并指向CDN；2) 静态资源文件名加入hash；3) Nginx添加长缓存头。
- 效果数据（如下表）：静态命中率提升到85%，源站带宽减少约78%，页面完整加载时间从2200ms降到760ms。
- 成本与容量：CDN按流量计费后总体成本下降约30%（节省源站带宽与扩容费用），峰值承载能力由单台VPS扩展为边缘分发。
- 经验总结：指纹化+长期缓存+CDN边缘清洗是关键，回源限流与只允许CDN回源避免直接攻击绕过。

8.

部署流程总结与检查清单

- 步骤概述：准备独立静态域名 -> 配置CNAME与CDN -> 设置Cache-Control与指纹化 -> 配置回源与限流 -> 上线验证并监控。
- 上线前检查：DNS生效、证书有效、静态资源无Cookie、缓存头正确、CDN回源健康。
- 验证项：使用curl -I 查看Cache-Control头，使用浏览器Network面板验证资源是否来自CDN（响应头如 via 或 x-cache）。
- 回滚计划：保留原始URL并设置短TTL，以便紧急回滚到源站服务；准备CDN purge脚本和自动化脚本。
- 持续优化：定期审计长缓存文件、优化图片和JS体积、评估CDN成本与性能比。

来源：开发者指南 二级目录网站使用cdn 与静态资源分离部署流程