用途：专注于网页性能计测与问题诊断，帮助定位 LCP、INP、CLS、FCP、TTFB 等 Core Web Vitals 指标的瓶颈。优化模式需参考另一技能 vercel-react-best-practices。
目标值：LCP Good<2.5s、Poor>4.0s；INP Good<200ms、Poor>500ms；CLS Good<0.1、Poor>0.25；FCP Good<1.8s、Poor>3.0s；TTFB Good<800ms、Poor>1800ms。
计测命令：Lighthouse CLI 支持桌面（npx lighthouse https://example.com --view --preset=desktop）、移动（npx lighthouse https://example.com --view --preset=perf --emulated-form-factor=mobile）、仅无障碍（--only-categories=accessibility）及 JSON 输出（--output=json | jq '.audits["largest-contentful-paint"]'）。Bundle Analyzer 可用 Next.js 的 npm run build 加 npx @next/bundle-analyzer，或通用 npx source-map-explorer 'dist/**/*.js'。也可在 Vercel 仪表盘 Analytics > Speed Insights 查看。
问题诊断：LCP 慢可查 largest-contentful-paint-element，常见原因含主图过重（next/image + priority + WebP）、Web 字体加载（next/font + display: swap）、服务器响应慢、render-blocking JS；INP 慢可查 DevTools Performance > Interactions，原因含重事件处理、过度重渲染、长 JS 任务；CLS 高可查 layout-shift-elements，原因含图片未指定尺寸、动态内容插入、字体切换、广告嵌入；FCP 慢与初始 HTML 过大、阻塞 CSS 有关；TTFB 慢需服务器优化。
检查清单：Lighthouse 移动与桌面都需要，实机与生产环境计测，设置 Speed Insights 与告警阈值并定期查看报告。限制：资料未提供安装以外的扩展用法、具体成效数据或收费信息。