用途：对网页进行性能审计，聚焦 Core Web Vitals、网络优化与高层级无障碍问题，并可在有代码库时分析框架与打包配置。
主要能力：通过 Chrome DevTools MCP 工具加载页面、录制性能追踪、分析洞察（如 LCPBreakdown、CLSCulprits、RenderBlocking、DocumentLatency、NetworkRequestsDepGraph），列出网络请求并查看详情，生成无障碍树快照，检测框架与打包器（Webpack、Vite、Rollup、esbuild、Parcel、Next.js、Nuxt、SvelteKit、Astro），检查 tree-shaking、未用 JS/CSS、polyfill、压缩与压缩配置。
使用方式：先确认 MCP 工具可用，尝试调用 navigate_page 或 performance_start_trace；若不可用需在 MCP 配置中加入："chrome-devtools": {"type": "local", "command": ["npx", "-y", "chrome-devtools-mcp@latest"]}。随后按阶段执行：navigate_page(url: "<target-url>") 加载页面；performance_start_trace(autoStop: true, reload: true) 录制冷加载追踪；performance_analyze_insight(insightSetId: "...", insightName: "...") 提取指标；list_network_requests(resourceTypes: ["Script", "Stylesheet", "Document", "Font", "Image"]) 与 get_network_request(reqid: <id>) 分析请求；take_snapshot(verbose: true) 获取无障碍快照。
适用场景：审计自有或第三方网页性能，定位 LCP、CLS、渲染阻塞、网络依赖链、缓存与压缩问题，并给出量化建议。
限制：需配置 chrome-devtools MCP 服务器；洞察名称可能随 Chrome DevTools 版本变化；无代码库访问时跳过代码库分析；具体阈值与输出格式以资料为准，未提供收费、平台或效果保证信息。