用途：对网页进行性能审计，测量 Core Web Vitals 并定位性能瓶颈，必要时结合代码库给出可执行的优化建议。
主要能力：通过 Chrome DevTools MCP 采集性能 trace，分析 LCP 分解、CLS 成因、渲染阻塞资源、文档延迟与网络依赖图；列出网络请求并检查渲染阻塞、请求链、缺失预加载、缓存头、过大负载与未使用的 preconnect；生成无障碍快照，标记 ARIA、对比度、焦点等问题；在可访问代码库时识别框架与打包器（Webpack、Vite、Rollup、esbuild、Parcel、Next.js、Nuxt、SvelteKit、Astro），检查 tree-shaking、未用 JS/CSS、polyfill、压缩与 source map。
使用方式：需先配置 chrome-devtools MCP 服务器，配置为 "chrome-devtools": {"type": "local", "command": ["npx", "-y", "chrome-devtools-mcp@latest"]}。先调用 navigate_page 或 performance_start_trace 验证工具可用，否则停止。流程为：navigate_page(url: "...") 加载页面；performance_start_trace(autoStop: true, reload: true) 录制冷加载；performance_analyze_insight(insightSetId: "...", insightName: "...") 分析指标；list_network_requests(resourceTypes: [...]) 与 get_network_request(reqid: <id>) 查看请求；take_snapshot(verbose: true) 获取无障碍树。
适用场景：前端性能审计、上线前性能检查、第三方站点性能评估（无代码库时跳过代码分析）。
限制：依赖 Chrome DevTools MCP 服务器；insight 名称可能随版本变化；无代码库访问时无法进行代码层分析；具体阈值与建议应以 web.dev、Chrome DevTools 文档和 Lighthouse 评分为准。