性能优化是前端开发中永恒的话题。一个加载缓慢的网站会直接影响用户体验和业务指标。研究表明，页面加载时间每增加 1 秒，转化率就会下降 7%。
首先关注 Core Web Vitals，这是 Google 提出的三个核心性能指标：LCP（最大内容绘制）、INP（交互延迟）和 CLS（累积布局偏移）。
代码分割是减少初始加载时间的关键。使用动态导入（dynamic import）可以实现按需加载，配合 React.lazy 和 Suspense 使用效果更佳。
图片优化也不容忽视。使用 WebP 格式、合适的尺寸、懒加载，可以大幅减少图片体积。Next.js 的 Image 组件自动帮你处理这些优化。
服务端渲染（SSR）或静态生成（SSG）可以改善首屏加载性能。但要注意 hydration 的成本，合理平衡服务端和客户端的渲染。
性能优化是一个持续的过程。使用 Lighthouse 和 WebPageTest 定期检测，关注真实用户的性能数据，不断优化迭代。