Next.js 性能优化实战

为什么要优化

网站性能直接影响用户体验和 SEO 排名。Next.js 提供了很多内置优化，但还有很多可以手动调优的地方。

关键优化点

1. 图片优化

使用 next/image 组件自动处理图片格式转换、尺寸适配和懒加载。

2. 流式渲染

利用 React Suspense 和 Next.js 的流式 SSR，让页面骨架先展示，数据异步加载。

3. 路由预加载

Next.js 自动预加载视口内的 Link 目标页面，提升导航速度。