用途：对网页进行性能审计，测量 Core Web Vitals 并定位渲染阻塞、网络依赖与可访问性问题，输出可执行的优化建议。
主要能力：通过 Chrome DevTools MCP 采集性能 trace，分析 LCP 分解、CLS 成因、渲染阻塞资源、文档延迟与网络依赖图；列出网络请求并检查缓存、预加载、预连接与负载大小；生成可访问性快照；在有代码库时检测框架与打包器并分析 tree-shaking、未用代码、polyfill、压缩与压缩配置。
使用方式：需先配置 chrome-devtools MCP 服务器，配置为："chrome-devtools": {"type": "local", "command": ["npx", "-y", "chrome-devtools-mcp@latest"]}。随后依次调用 navigate_page(url: "...")、performance_start_trace(autoStop: true, reload: true)、performance_analyze_insight(insightSetId: "...", insightName: "...")、list_network_requests(resourceTypes: ["Script", "Stylesheet", ...])、get_network_request(reqid: <id>)、take_snapshot(verbose: true)。工作流分五阶段：性能 trace、Core Web Vitals 分析、网络分析、可访问性快照、代码库分析（第三方站点可跳过）。
适用场景：前端性能优化、上线前审计、Core Web Vitals 达标排查、可访问性初查。
限制：依赖 chrome-devtools MCP，未配置则无法运行；insight 名称可能随 Chrome DevTools 版本变化；代码库分析需有源码访问权限；具体阈值与建议应参考 web.dev、Chrome DevTools 文档与 Lighthouse 评分文档，避免依赖过时知识。