从哪里开始

网络优化不是一上来就上 CDN，而是先测量再优化。推荐用 Lighthouse 和 WebPageTest 做一次体检，记录下首屏时间、TTFB 和资源体积，作为后续优化的基线。

优化清单

按优先级排序：

  • 启用 CDN：静态资源交给边缘节点缓存，降低源站压力；
  • 压缩资源：JS/CSS 压缩，图片转 WebP/AVIF；
  • 减少请求：合并小文件，去掉不必要的第三方脚本；
  • 合理缓存：静态资源加长缓存，HTML 短缓存；
  • 开启 HTTP/3：配合 CDN 通常一键开启。

一个检查 TTFB 的小命令

curl -o /dev/null -s -w "TTFB: %{time_starttransfer}s\n" https://vear.top

如果 TTFB 超过 500ms，优先检查源站响应速度和数据库查询。

别忘了基础体验

网络优化之外，布局稳定（避免 CLS）、字体子集化、正文优先加载，这些对真实用户体验的提升往往更明显。

小结

优化是一个持续迭代的过程。每改一项都重新测量，用数据说话，而不是凭感觉堆方案。