用途：为已熟悉 React/Next.js 的开发者提供生产级性能优化指导，重点改善 Core Web Vitals（LCP、INP、CLS）与 SEO。
主要能力：图片优化（next/image）、字体优化（next/font）、缓存策略（unstable_cache、revalidateTag、ISR）、Server Components 模式与客户端组件转服务端组件、Suspense 流式渐进加载、代码分割与动态导入、元数据与 SEO 配置、路由处理器优化，以及 Next.js 16 + React 19 模式（异步 params、use() 处理 Promise、useOptimistic）。
使用方式：先用 Lighthouse 分析现状，在 Chrome DevTools 或 PageSpeed Insights 查看 Core Web Vitals 定位瓶颈，再按问题类型加载对应参考文件（如 references/image-optimization.md、references/font-optimization.md、references/caching-strategies.md、references/server-components.md 等），套用快速模式并做前后对比，最后用 Lighthouse 验证。打包分析可执行：npm install --save-dev @next/bundle-analyzer，然后 ANALYZE=true npm run build。
核心原则：优先使用 Server Components，仅在需要浏览器 API 或交互时加 'use client'；客户端组件尽量下沉到叶子节点；用 Suspense 边界实现流式加载；用标签做细粒度缓存失效；改动前后都要用真实指标验证。
适用场景：Next.js 应用的 LCP/INP/CLS 调优、图片与字体优化、缓存与按需重验证、组件架构重构、打包体积削减、SEO 元数据配置。
限制：Server Components 不能用浏览器 API、React hooks 和事件处理器，也不能用 ssr: false 的动态导入；priority 只应用于首屏 LCP 图片，外部图片需在 next.config.js 配置，非 fill 时必须提供宽高，动图默认不优化；缓存标签需手动失效，开发环境数据缓存按请求隔离，Edge 运行时缓存行为不同，用户特定数据需谨慎缓存；动态导入关键内容可能影响 SEO，部分库无法 tree shaking。资料未提供收费、价格与平台信息。