网站 CDN 配置完全指南:从入门到高级优化
CDN(内容分发网络)是现代网站不可或缺的基础设施。它不仅可以加速网站访问速度,还能提供 DDoS 防护、SSL 证书和安全规则等增值功能。
CDN 是什么
CDN 通过在全球分布的边缘节点缓存网站内容,使用户从最近的节点获取数据,从而显著降低延迟。
主流 CDN 服务商比较
| 服务商 | 免费方案 | 特点 | 最佳场景 |
|---|---|---|---|
| Cloudflare | ✓ | 安全+加速一体化,免费计划强大 | 中小型网站 |
| Bunny CDN | ✗ | 性价比极高,按量计费 | 预算有限的项目 |
| AWS CloudFront | ✗ | 深度集成 AWS 生态 | AWS 用户 |
| Fastly | ✗ | 高性能边缘计算 | 高流量网站 |
| Azure CDN | ✗ | 集成 Azure 服务 | 微软用户 |
快速部署指南(以 Cloudflare 为例)
第一步:注册和添加域名
- 在 Cloudflare 注册账号
- 点击「Add a Site」,输入你的域名
- Cloudflare 会自动扫描现有 DNS 记录
第二步:更新 NameServer
Cloudflare 会提供两个 NameServer 地址,在你的域名注册商处将 NS 记录更新为 Cloudflare 的地址。
第三步:配置 SSL 模式
在 Cloudflare 控制面板中设置 SSL/TLS 模式:
- Flexible(灵活):客户端到 Cloudflare 加密,Cloudflare 到源站不加密
- Full(完全):全程加密,但源站证书需要有效
- Full Strict(完全严格):全程加密,且需要有效和可验证的证书
第四步:配置缓存规则
# 缓存静态资源
Page Rule: example.com/wp-content/*
- Cache Level: Standard
- Edge Cache TTL: 30 days
# 不缓存管理后台
Page Rule: example.com/wp-admin/*
- Cache Level: Bypass
- Security Level: High
高级缓存策略
1. 基于文件类型的缓存
不同类型的文件设置不同的缓存时间:
| 文件类型 | 缓存时间 | 说明 |
|---|---|---|
| 图片(jpg/png/webp) | 30-365 天 | 版本化文件名 |
| CSS/JS | 7-30 天 | 使用哈希文件名 |
| HTML | 0-1 小时 | 经常更新 |
| 字体 | 365 天 | 很少变化 |
| API 响应 | 0-5 分钟 | 动态内容 |
2. 缓存预热
在发布新内容或部署新版本后,主动触发 CDN 缓存预热,避免大量用户首次访问时的慢速体验。
3. 边缘缓存清理
当内容更新时,使用 API 或控制面板清理特定 URL 的 CDN 缓存。
性能指标监控
部署 CDN 后,使用以下工具验证效果:
- CDNPerf:对比不同 CDN 服务商的全球性能
- PageSpeed Insights:检查 Core Web Vitals 是否改善
- GTmetrix:查看详细的性能瀑布图
16IDC 观察
对于绝大多数网站来说,Cloudflare 的免费方案已经足够。CDN 的核心价值不仅在于加速,还在于安全防护和全球可用性。建议所有面向用户的网站都将 CDN 作为标配。