WebPerf 是一套面向网页性能测量与调试的代码片段工具集，由 56 个 JavaScript 片段组成，主要在 Chrome DevTools 中运行。每个片段在浏览器控制台执行后，会输出结构化、带颜色标记的结果，便于开发者快速定位性能问题。
用途 该工具集用于网页性能的测量与调试，适用于用户提出网页性能相关问题、需要对页面进行审计，或表达“分析性能”“调试性能”等需求时。
主要能力 工具集按主题划分为多个技能模块，每个模块包含若干片段，并对应不同的触发场景：
- 核心网页指标（webperf-core-web-vitals）：共 7 个片段，触发短语包括“debug LCP”“slow LCP”“CLS”“layout shifts”“INP”“interaction latency”“responsiveness”。
- 加载（webperf-loading）：共 34 个片段，触发短语包括“TTFB”“slow server”“FCP”“render blocking”“font loading”“script loading”“resource hints”“service worker”。
- 交互（webperf-interaction）：共 10 个片段，触发短语包括“jank”“scroll performance”“long tasks”“animation frames”“INP debug”。
- 媒体（webperf-media）：共 4 个片段，触发短语包括“image audit”“lazy loading”“image optimization”“video audit”。
- 资源（webperf-resources）：共 1 个片段，触发短语包括“network quality”“bandwidth”“connection type”“save-data”。
使用方式 工具集定义了一套工作流程：
- 根据用户的问题识别相关技能（参考上述快速参考）。
- 加载该技能的 skill.md，查看可用片段与阈值。
- 使用 Chrome DevTools MCP 执行：
- mcp__chrome-devtools__navigate_page → 导航到目标 URL
- mcp__chrome-devtools__evaluate_script → 运行片段
- mcp__chrome-devtools__get_console_message → 读取结果
- 使用技能中定义的阈值解读结果。
- 根据发现提供可操作的建议。
适用场景 适用于需要在浏览器环境中对网页性能进行测量、审计与调试的开发者，尤其是希望借助 Chrome DevTools 快速获取结构化性能数据并据此优化的场景。
限制 资料未提供关于收费、价格、平台兼容范围、性能效果保证或其他技术限制的明确说明，相关内容暂未提供。