首屏慢先别急着上 CDN：先分清是网络还是渲染

「首屏慢」是个笼统的描述。不先定位原因就上 CDN、上骨架屏，很可能白花力气。

先看三个时间点

打开开发者工具的网络面板，把首屏拆成三段：HTML 返回时间（TTFB）、关键资源下载完成时间、首次内容绘制时间（FCP）。三段耗时占比不同，对应的问题也不同。

TTFB 长：服务端问题

如果 HTML 本身就慢，上 CDN 加图片压缩都没用。常见原因是服务端查询慢、未开启缓存、或者跨地域访问。先解决 TTFB，后面的优化才有意义。

资源下载长：体积与并发问题

看主包体积和首屏必须加载的资源数量。常见问题是把整个 UI 库全量引入、图片未压缩、字体文件阻塞渲染。这类问题压缩与拆分收益最大。

FCP 之后仍慢：渲染问题

资源都到了但页面出不来，通常是大组件同步渲染、布局重排过多、或者阻塞主线程的长任务。这时应该拆组件、懒加载、减少首屏 DOM 数量。

务实的顺序

先测，再改，改完再测。每次只动一个变量，否则无法判断哪一步起了作用。