前端工程师 Safdar Ali 用三天时间，将 Next.js 营销网站进行性能优化，无需重写产品。主要优化措施包括：
- 从 Pages Router 迁移到 App Router，利用 Server Components 减少客户端 JS 包体积（340KB → 187KB）
- 用
next/image 替换 <img> 标签，设置宽高和优先级，LCP 从 4.2s 降至 1.7s- 用
next/font 替换 @import 加载字体，CLS 从 0.18 降至 0.04- 添加静态资源长期缓存头
结果：LCP 下降 60%，CLS 下降 78%，TTI 下降 61%，Lighthouse 性能评分从 54 升至 91。
原文链接
#开发者 #工具
📢 频道：@DevToolboxHub