next-forge
最新 Core Web Vitals 标准下，如何通过 Next.js Image 优化、字体加载策略、React Server Components 和边缘缓存将 LCP 压缩到 1 秒以内。
Interaction to Next Paint（INP）已正式取代 FID 成为核心指标。它衡量用户交互后页面的响应延迟。优化 INP 的关键是减少主线程阻塞：将繁重计算移至 Web Worker，并使用 React 19 的并发特性分割长任务。
LCP 优化三板斧：① 对 Hero Image 使用 next/image 的 priority 属性（自动添加 fetchpriority=high）；② 将字体从 Google Fonts 迁移到 next/font（消除 FOUT）；③ 启用 Vercel 边缘缓存将 TTFB 降至 50ms。
Server Components 将数据获取移到服务端，消除客户端瀑布请求。对于内容型页面，使用 generateStaticParams + ISR 可实现亚秒级加载。对于个性化内容，PPR 允许静态骨架 + 动态填充。
经过上述优化，典型内容页的 LCP 从 2.8s 降至 0.82s，CLS 从 0.12 降至 0.01，INP 从 280ms 降至 65ms。Lighthouse 评分从 72 提升到 98。