用途：使用 Chrome DevTools MCP 工具对网页进行性能审计，聚焦 Core Web Vitals、网络优化与高层级可访问性缺口。
前置条件：需先确认 MCP 工具可用，尝试调用 navigate_page 或 performance_start_trace；若不可用则停止，需在 MCP 配置中加入："chrome-devtools": {"type": "local", "command": ["npx", "-y", "chrome-devtools-mcp@latest"]}。
主要能力与用法：
- 性能追踪：navigate_page(url: "...") 后执行 performance_start_trace(autoStop: true, reload: true) 捕获冷加载指标。
- Core Web Vitals 分析：用 performance_analyze_insight(insightSetId, insightName) 提取 LCPBreakdown、CLSCulprits、RenderBlocking、DocumentLatency、NetworkRequestsDepGraph 等洞察；阈值参考 TTFB<800ms、FCP<1.8s、LCP<2.5s、INP<200ms、TBT<200ms、CLS<0.1、Speed Index<3.4s。
- 网络分析：list_network_requests(resourceTypes: [...]) 与 get_network_request(reqid) 查找渲染阻塞资源、网络链、缺失预加载、缓存问题、大体积负载与未使用 preconnect。
- 可访问性快照：take_snapshot(verbose: true) 标记 ARIA ID 缺失/重复、对比度不足、焦点陷阱、无名称交互元素。
- 代码库分析（第三方站点可跳过）：识别 Webpack、Vite、Rollup、esbuild、Parcel、Next.js、Nuxt、SvelteKit、Astro 等框架与打包器，检查 tree-shaking、未用 JS/CSS、polyfill、压缩与 source map。
原则：先验证再建议，量化影响，跳过 0ms 影响项，具体到文件与体积，按优先级排序。
限制：依赖 Chrome DevTools MCP 服务器；洞察名称可能随版本变化；无代码库访问时无法进行代码层分析。输出为 Core Web Vitals 汇总表、优先问题列表、具体建议与代码库发现。