用途：该技能用于优化 Next.js 应用的图片、字体、脚本与元数据，目标是提升性能与 Core Web Vitals。优先级标注为 P1（HIGH），并强调“先监控，后优化”。
主要能力与指标：监控 LCP（目标 < 2.5s）、CLS（目标 < 0.1）、INP（目标 < 200ms），推荐工具包括 Chrome DevTools 的 Performance 面板、next/speed-insights 与 React Profiler。优化手段覆盖：图片始终使用 next/image 以防 CLS 并启用自动优化；字体使用 next/font 实现零布局偏移，自动自托管并添加 font-display: swap；使用 metadata 或 generateMetadata() 处理 SEO；脚本使用 next/script 并选择加载策略，beforeInteractive 用于关键脚本（如 polyfills），afterInteractive 用于分析（如 Google Analytics），lazyOnload 用于聊天组件与社交嵌入。
构建与组件：可用 @next/bundle-analyzer 分析包体，裁剪体积大的库并选用支持 ESM tree-shaking 的依赖；对首屏不需要的大组件使用动态导入配合 Suspense；Next.js 15+ 可启用 ppr: true（Partial Prerendering）实现静态外壳加动态岛。
反模式：不要使用 <img> 标签，改用 next/image；不要通过 CDN 引入 Google Fonts，改用 next/font 自托管；不要在 _document.tsx 中配置 metadata，改用 export const metadata 或 generateMetadata()；不要把第三方脚本直接放在 <head>，改用 next/script 并设置合适策略。资料未提供具体代码示例、安装命令、收费或平台限制信息。