关于 validating-performance-budgets
validating-performance-budgets 是用于按预设预算检查应用性能指标的技能。它帮助开发者发现性能回退并报告超出阈值的指标，也可用于 CI/CD 工作流。
主要功能
- 01检查加载时间、包大小和 API 延迟
- 02与已配置预算进行比较
- 03提供指标详情和违规报告
- 04给出修复建议
适用场景
- 01检查页面是否符合性能预算
- 02在开发过程中发现性能回退
- 03在 CI/CD 构建中加入预算检查
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/validating-performance-budgets确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
assets/README.mdreferences/README.mdscripts/create_budget.pyREADME.mdreport_violation.pyvalidate_budget.py详细介绍
性能预算验证器
根据预定义的性能预算验证页面加载时间、捆绑包大小和 API 响应时间，以便在回归问题进入生产环境之前将其发现。
概述
此技能可让 Claude 根据预定义的预算自动验证应用的性能。它有助于发现性能回归问题，并确保应用始终保持最佳性能特征。
工作原理
- 分析性能指标：Claude 分析当前性能指标，例如页面加载时间、捆绑包大小和 API 响应时间。
- 根据预算验证：该插件根据预定义的性能预算阈值验证这些指标。
- 报告违规项：如果任何指标超出定义的预算，此技能会报告违规项，并提供超出阈值的详细信息。
何时使用此技能
在以下情况下，此技能会启动：
- 根据预定义的预算验证性能。
- 发现应用中的性能回归问题。
- 将性能预算验证集成到 CI/CD 流水线中。
示例
示例 1：防止性能回归
用户请求：“验证主页的性能预算。”
此技能将：
- 分析主页的性能指标（加载时间、捆绑包大小）。
- 将这些指标与定义的预算进行比较。
- 报告任何违规项，例如超出加载时间预算。
示例 2：与 CI/CD 集成
用户请求：“在构建流程中运行性能预算验证。”
此技能将：
- 执行性能预算验证命令。
- 根据各项预算检查所有已定义的性能指标。
- 报告可能导致构建失败的任何违规项。
最佳实践
- 预算定义：根据当前应用性能和用户预期，定义切实可行且可达到的性能预算。
- 指标选择：选择与用户体验直接相关的性能指标，例如页面加载时间和 API 响应时间。
- CI/CD 集成：将性能预算验证集成到 CI/CD 流水线中，以自动检测并防止性能回归。
集成
此技能可与提供性能指标的其他插件集成，例如网站速度测试工具或 API 监控服务。也可以将它与告警插件配合使用，通知开发者存在性能预算违规项。
先决条件
- 位于 ${CLAUDE_SKILL_DIR}/performance-budgets.json 的性能预算定义
- 可访问性能测试工具（Lighthouse、WebPageTest）
- 用于捆绑包分析的构建输出目录
- 用于比较的历史性能指标
说明
- 加载性能预算配置
- 收集当前性能指标（加载时间、捆绑包大小、API 延迟）
- 根据定义的预算阈值比较指标
- 识别预算违规项及其严重程度
- 生成详细的违规报告
- 提供修复建议
输出
- 性能预算验证报告
- 超出预算阈值的指标列表
- 与此前测量结果的比较
- 按指标类别划分的详细明细
- 可执行的修复建议
错误处理
如果预算验证失败：
- 确认预算配置文件存在
- 检查性能测试工具是否可用
- 验证指标收集权限
- 确保可访问测试端点的网络
- 检查预算阈值定义
资源
- 性能预算最佳实践
- Lighthouse 性能评分指南
- 捆绑包大小优化技巧
- 性能测试的 CI/CD 集成模式
评论
支持 Markdown