首屏优化怎么讲

一句话先定性

首屏优化我一般不会讲成“把包做小一点”，而会讲成“怎么缩短用户看到核心内容的路径”。

30 秒版本

如果问首屏优化，我一般会先讲 TTFB、FCP、LCP。TTFB 偏服务端和缓存，FCP 看页面什么时候开始有内容，LCP 看首屏最重要内容什么时候出来。优化动作通常就是拆包、懒加载、图片和字体优化、缓存、预加载关键资源，以及减少首屏不必要的同步计算。

小抄

• 优先指标：TTFB、FCP、LCP
• 先查什么：服务端首包、主包体积、关键图片、字体、首屏同步逻辑
• 常见动作：代码拆包、路由懒加载、图片压缩、字体优化、缓存、预加载、减少首屏计算
• 面试要点：不要只说“优化首屏”，要说清楚你到底在缩短哪一段路径

高频追问

为什么更强调 LCP

因为 FCP 只能说明页面开始有东西了，但不代表用户看到核心内容。LCP 更接近用户真实体感，所以在首屏优化里更有参考价值。

首屏慢一定是前端问题吗

不一定。TTFB 高的时候很可能是服务端、缓存或者网关链路问题，所以我一般会先分清楚是首包慢，还是资源和渲染慢。

最后一句收尾

所以首屏优化本质上是在优化“用户什么时候看到核心内容”，而不只是单纯把资源体积压小。