什么是 webperf？
Web performance measurement and debugging toolkit.当用户询问 Web 性能、想要审核页面或说“分析性能”、“调试 lcp”、“检查 ttfb”、“测量核心 Web 生命体”、“审核图像”或类似内容时使用。 来源：nucliweb/webperf-snippets。
·webperf
</>
webperf
✓Web performance measurement and debugging toolkit.当用户询问 Web 性能、想要审核页面或说“分析性能”、“调试 lcp”、“检查 ttfb”、“测量核心 Web 生命体”、“审核图像”或类似内容时使用。
如何安装 webperf
通过命令行快速安装 webperf AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：nucliweb/webperf-snippets。
SKILL.md
查看原文A collection of 47 JavaScript snippets for measuring and debugging web performance in Chrome DevTools. Each snippet runs in the browser console and outputs structured, color-coded results.
| webperf-core-web-vitals | 7 | Intelligent Core Web Vitals analysis with automated workflows and decision trees |
| webperf-loading | 28 | Intelligent loading performance analysis with automated workflows for TTFB investigation (DNS/connection/server breakdown), render-blocking detection, script performance deep dive (first vs third-party attribution), font optimization, and resource hints validation |
Web performance measurement and debugging toolkit.当用户询问 Web 性能、想要审核页面或说“分析性能”、“调试 lcp”、“检查 ttfb”、“测量核心 Web 生命体”、“审核图像”或类似内容时使用。 来源：nucliweb/webperf-snippets。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-03-09
- 更新时间
- 2026-03-10
快速解答
如何安装 webperf？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/nucliweb/webperf-snippets
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-03-09