性能优化复盘：首屏加载从 3.2s 降到 1.1s

一、先量化，再动手

优化前先用 Lighthouse 与 WebPageTest 建立基线：首屏 3.2s，主要瓶颈是主包体积过大与阻塞渲染的资源。

二、资源拆分

• 路由级代码分割，首屏只加载必要代码；
• 把图表、富文本等重依赖改为按需动态导入；
• 字体使用 font-display: swap，避免文字不可见期。

三、缓存与预加载

静态资源加内容哈希并设长缓存，配合 preload 提前拉取关键 CSS。最终首屏降到 1.1s，交互可响应时间缩短近 60%。

性能优化没有银弹，关键是建立可观测的基准，并验证每一步改动是否真的有效。