SuperAPI AI 工具集

performance-profiling

通用与其它

查看项目

更新于 10-15 20:34

技能介绍

用途:该技能提供性能剖析的原则与流程,核心顺序为测量、分析、优化,用于定位并改善 Web 性能问题。

主要能力:包含 Core Web Vitals 指标目标(LCP < 2.5s 为良好、> 4.0s 为差;INP < 200ms 良好、> 500ms 差;CLS < 0.1 良好、> 0.25 差),并给出不同阶段的测量工具建议:开发阶段用本地 Lighthouse,CI/CD 用 Lighthouse CI,生产环境用 RUM 真实用户监控。

使用方式:可运行内置脚本进行自动化剖析,命令为 python scripts/lighthouse_audit.py https://example.com。剖析遵循四步流程:BASELINE 测量现状、IDENTIFY 定位瓶颈、FIX 做针对性修改、VALIDATE 确认改进。工具选择按问题划分:页面加载用 Lighthouse,包体积用 bundle analyzer,运行时与内存、网络用 DevTools 对应面板。

适用场景:打包分析(查找大依赖、重复代码、未使用代码、缺失代码分割)、运行时剖析(长任务、布局与绘制、脚本执行)、内存剖析(堆增长、大对象保留、游离 DOM)、按症状定位瓶颈(首屏慢、交互慢、滚动卡顿、内存增长)。快速优化优先级依次为启用压缩、图片懒加载、路由代码分割、静态资源缓存、图片优化。

限制与原则:避免猜测问题、过早优化、微优化和忽略真实用户数据;应先剖析再修改,优先解决最大问题,必要时才优化,并参考 RUM 数据。资料未提供该技能的安装方式、收费与平台支持等细节。