延迟 1 秒，意味着巨大的业务损失。
移动端用户耐心更低，页面超过 3 秒未加载就会关闭。你花大价钱投放的流量，一半在这一步就已经流失了。
Core Web Vitals 是 Google 的正式排名因子。速度慢的网站会被直接压到第二页之后，自然流量持续下滑。
性能优化不是成本，而是 ROI 最高的营销投入。亚马逊数据显示 100ms 延迟 = 1% 销售损失。
Google 官方 Core Web Vitals，是衡量现代网站体验的黄金标准。
每一项都是经过验证的行业最佳实践。
相同画质体积减少 40-60%，自动降级兼容老浏览器。
只加载当前页面需要的 JS，移除未使用的代码。
开启服务端压缩，文本资源再减 60-80%。
首屏样式直接写在 HTML 中，避免额外请求。
视口外的图片和组件延迟加载，减少首屏请求数。
升级协议，支持并行请求，大幅减少连接开销。
静态文件全量上 CDN，边缘节点就近访问。
按设备 DPR 输出合适分辨率，避免大图缩在小屏。
只打包用到的字形，使用 font-display:swap 避免 FOIT。
提前建立第三方资源连接，TTFB 显著缩短。
二次访问直接从缓存加载，近乎秒开。
统计 / 客服 / 广告脚本异步 + defer，不阻塞首屏。
以下为某教育品牌官网的实测数据。
| 指标 | 优化前 | 优化后 | 提升幅度 |
|---|---|---|---|
| PageSpeed 综合 | 42 分 | 98 分 | +133% |
| LCP | 6.8s | 1.6s | ↓ 76% |
| CLS | 0.38 | 0.02 | ↓ 95% |
| 请求数量 | 186 个 | 52 个 | ↓ 72% |
| 页面体积 | 4.8 MB | 1.1 MB | ↓ 77% |
| 跳出率 | 71% | 38% | ↓ 33pp |
| 自然搜索流量 | — | — | ↑ 218% |
