Next.js 15 性能优化实战：从 2.8s 到 0.9s 的 20 个技巧
字体、图片、React Server Components、Edge Runtime、客户端 hydration……每一项 30ms，凑起来就能让博客首屏在一秒内渲染完毕。
2025年1月12日 · God NB
（这里是 Markdown 正文。真实项目用 next-mdx-remote 或 @next/mdx 渲染。）
一、字体优化
用 next/font 加载字体，自动 self-host + display: swap，避免 FOIT。
二、图片优化
next/image 默认启用 AVIF/WebP 自动转换，CDN 根据设备能力返回最优格式。