首屏速度直接影响跳出率。我们通常把优化拆成「资源变小、传输变快、渲染变早」三件事来做。

资源变小：图片是第一优先级

首屏大图是流量大头。按实际显示尺寸导出、使用 WebP 格式、必要时配合压缩工具，通常能减少一半以上的体积。

传输变快：缓存与分发

静态资源加版本号并开启长期缓存，HTML 保持不缓存；接入 CDN 让用户从就近节点获取资源，跨地域访问的体验改善最明显。

渲染变早：关键资源优先

把首屏需要的 CSS 内联进 HTML，非关键脚本加 defer 延后执行；首屏以下的图片使用懒加载，避免与首屏资源抢占带宽。

这些手段单独看都很普通，但按顺序组合起来，多数企业官网的首屏时间都能压到 1 秒左右——访客几乎感觉不到等待。