用途：该技能是 Next.js 性能优化的专家指南，适用于优化页面加载时间、提升 Core Web Vitals 分数、缩减打包体积、排查性能问题、配置缓存策略、实现懒加载以及优化图片、字体或数据库查询。
主要能力：围绕三项核心指标给出优化方向——LCP 目标小于 2.5s（使用 next/image、缓存、CDN、减少阻塞渲染资源），FID 小于 100ms / INP 小于 200ms（减少 JS 执行、代码分割、Web Worker、延迟非关键 JS），CLS 小于 0.1（设置图片尺寸、预留广告空间、使用 transform）。同时覆盖图片优化（next/image、priority、quality、placeholder、sizes、avif/webp、remotePatterns）、字体优化（next/font 的 Google 与本地字体、display swap、变量接入 Tailwind）、代码分割（dynamic 动态导入、条件加载、具名导出）、React 优化（memo、useMemo、useCallback）、缓存策略（Cache-Control、revalidate、tag 失效）、打包分析（@next/bundle-analyzer、tree shaking、depcheck）、流式与 Suspense、数据库查询优化（避免 N+1、select、索引）、预渲染策略（SSG、ISR、动态渲染）、懒加载与性能监控。
使用方式：按资料中的示例写法在 Next.js 项目中应用对应 API 与配置；打包分析可安装 @next/bundle-analyzer 并添加 analyze 脚本，查找未使用依赖可运行 npx depcheck。
适用场景与限制：主要用于 Next.js 项目性能调优与监控；具体效果、兼容版本与收费信息资料未提供，需自行验证。