部署:HTTPS 配置与 CDN 加速优化
为什么需要 HTTPS
- 🔒 加密数据传输,防止中间人攻击
- 🏆 Google 搜索排名加分
- 🔍 浏览器不会显示”不安全”警告
- 📱 微信小程序要求 HTTPS
为什么需要 CDN
CDN(内容分发网络)把你的网站文件缓存到全球各地的服务器上。
用户在北京 → CDN 北京节点(10ms)
用户在上海 → CDN 上海节点(8ms)
而不是 → COS 广州源站(50ms)
HTTPS 配置
腾讯云 CDN 配置
- CDN 控制台 → 域名管理 → 选择域名
- HTTPS 配置 → 开启
- 选择证书(免费证书或上传自己的)
- HTTP/2 开启(提升加载速度)
- 强制 HTTPS 跳转
Vercel(自动 HTTPS)
如果你用 Vercel 部署,HTTPS 自动配置,0 操作。
CDN 缓存策略
| 文件类型 | 缓存时间 | 原因 |
|---|---|---|
| HTML | 1 分钟 | 内容常更新 |
| CSS/JS(带 hash) | 30 天 | 文件变了 hash 就变 |
| 图片 | 7 天 | 不常改 |
| API 响应 | 不缓存 | 数据实时性 |
性能检查清单
- 图片已压缩(用 WebP 格式)
- CSS/JS 已压缩(Vite 自动处理)
- CDN 已配置并生效
- HTTPS 正常
- Gzip/Brotli 压缩开启
- 使用 Lighthouse 测试得分 > 90
测试工具
- PageSpeed Insights:性能分析
- GTmetrix:加载速度测试
- SSL Labs:SSL 安全等级检测
✅ 完成标志
- 网站通过 HTTPS 访问
- CDN 加速生效(响应头有 CDN 标识)
- Lighthouse 性能得分 > 90
- SSL 安全等级 A+