用途：使用 Chrome DevTools MCP 工具审计网页性能，聚焦 Core Web Vitals、网络优化与高层级无障碍问题。
前置条件：先尝试调用 navigate_page 或 performance_start_trace 验证 MCP 工具可用；若不可用需在 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 等洞察；洞察名可能随版本变化，可从追踪响应的 insightSetId 发现。阈值：TTFB <800ms/<1.8s、FCP <1.8s/<3s、LCP <2.5s/<4s、INP <200ms/<500ms、TBT <200ms/<600ms、CLS <0.1/<0.25、Speed Index <3.4s/<5.8s（依次为 good/needs-improvement/poor）。 三、网络分析：list_network_requests(resourceTypes: ["Script", "Stylesheet", "Document", "Font", "Image"]) 与 get_network_request(reqid) 排查阻塞渲染资源、请求链、缺失预加载、缓存头缺失或过弱、体积过大、未使用的 preconnect（需验证是否真的零请求）。 四、无障碍快照：take_snapshot(verbose: true) 检查重复或缺失 ARIA ID、对比度不足（WCAG AA 普通文本 4.5:1、大文本 3:1）、焦点陷阱或缺少焦点指示、交互元素无可访问名称。 五、代码库分析（第三方站点无代码时跳过）：识别 Webpack、Vite、Rollup、esbuild、Parcel、Next.js、Nuxt、SvelteKit、Astro 等框架与打包器配置，检查 tree-shaking、未用 JS/CSS、polyfill、压缩与压缩产物、生产 source map 等。
输出与原则：给出 Core Web Vitals 汇总表、按影响排序的问题清单和具体建议；结论需经网络请求、DOM 或代码库验证，量化预估收益，0ms 影响的问题不列为行动项，建议要具体到文件与体积。
限制：依赖 Chrome DevTools MCP 可用；部分洞察名称因 Chrome DevTools 版本而异；无代码库访问时跳过代码分析；资料未提供收费、价格与平台等信息。