AI夹克
项目实战

部署:HTTPS 配置与 CDN 加速优化

为什么需要 HTTPS

  • 🔒 加密数据传输,防止中间人攻击
  • 🏆 Google 搜索排名加分
  • 🔍 浏览器不会显示”不安全”警告
  • 📱 微信小程序要求 HTTPS

为什么需要 CDN

CDN(内容分发网络)把你的网站文件缓存到全球各地的服务器上。

用户在北京 → CDN 北京节点(10ms)
用户在上海 → CDN 上海节点(8ms)
而不是 → COS 广州源站(50ms)

HTTPS 配置

腾讯云 CDN 配置

  1. CDN 控制台 → 域名管理 → 选择域名
  2. HTTPS 配置 → 开启
  3. 选择证书(免费证书或上传自己的)
  4. HTTP/2 开启(提升加载速度)
  5. 强制 HTTPS 跳转

Vercel(自动 HTTPS)

如果你用 Vercel 部署,HTTPS 自动配置,0 操作。

CDN 缓存策略

文件类型缓存时间原因
HTML1 分钟内容常更新
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+