SuperAPI AI 工具集

performance-budget-setter

编程与开发

查看项目

更新于 10-16 03:16

技能介绍

用途:为网站或应用设定可量化的性能预算,覆盖包体积、API 延迟、数据库查询与渲染时间,并给出强制校验与监控方案,以维持较快的用户体验。

主要能力:提供性能预算模板,包含包体积预算(初始 JS、CSS、vendor JS、字体、首屏图片及总初始加载)、API 延迟预算(按端点给出 p50/p95/p99 目标)、数据库查询预算(简单读取、复杂连接、聚合、每页查询数)、Core Web Vitals 目标(LCP、FID、CLS)以及页面级预算(首页、商品页、结账页)和第三方脚本预算。还包含强制策略、监控计划、优化策略与超预算响应流程。

使用方式:在 CI/CD 中集成检查,示例使用 GitHub Actions 运行 npm run build、npx bundlesize 与 lhci autorun;可用 webpack-bundle-analyzer 与 performance.hints 设置 maxAssetSize、maxEntrypointSize;在 package.json 的 bundlesize 中按路径配置 maxSize。监控可用 web-vitals 采集 CLS、FID、LCP 等指标并通过 sendBeacon 上报,合成监控可用 lhci autorun --config=.lighthouserc.json 或 WebPageTest API。

适用场景:需要为前端性能设定可执行阈值并在合并前拦截回归的团队,尤其适合电商等对加载与交互速度敏感的项目。

限制:资料未提供该技能的安装命令、运行入口、收费方式与平台支持范围;模板中的具体数值为示例,需按实际用户数据调整。