SuperAPI AI 工具集

performance-audit

部署与运维

查看项目

更新于 10-16 09:24

技能介绍

Performance Audit 是一个面向网页性能分析的技能,来源于 serkan-ozal/browser-devtools-claude。它使用 Web Vitals 和网络计时指标来评估页面性能,常用于优化加载时间、检查 Core Web Vitals 或调查加载缓慢的页面。

用途

该技能在以下情况下被激活:用户询问页面性能或速度;用户希望优化加载时间;用户提到页面缓慢或用户体验差;用户需要 Core Web Vitals 指标;用户询问 SEO 性能相关因素。

主要能力

Web Vitals 分析:通过 o11y_get-web-vitals 获取 Core Web Vitals,包括 LCP(Largest Contentful Paint,最大内容绘制)、INP(Interaction to Next Paint,交互到下次绘制)、CLS(Cumulative Layout Shift,累积布局偏移)、TTFB(Time to First Byte,首字节时间)和 FCP(First Contentful Paint,首次内容绘制)。

网络性能:通过 o11y_get-http-requests 分析请求耗时,识别缓慢的 API 调用,检查资源大小,查找阻塞性资源。

可视化分析:在不同加载阶段截取页面,从视觉上识别布局偏移,检查首屏(above-the-fold)内容。

JavaScript 分析:对 JavaScript 执行进行性能分析,检查长任务,识别阻塞渲染的脚本。

性能阈值

技能提供以下指标参考区间:LCP 良好为 ≤2.5s,需改进为 2.5-4s,较差为 >4s;INP 良好为 ≤200ms,需改进为 200-500ms,较差为 >500ms;CLS 良好为 ≤0.1,需改进为 0.1-0.25,较差为 >0.25;TTFB 良好为 ≤800ms,需改进为 800-1800ms,较差为 >1800ms。

审计工作流

  1. 基线:获取初始 Web Vitals 指标。2. 网络:分析缓慢或体积较大的请求。3. 资源:检查阻塞渲染的资源。4. JavaScript:查找长任务。5. 图片:检查未优化的图片。6. 报告:汇总结果并给出建议。

常见问题

技能列举的常见性能问题包括:体积大且未优化的图片;阻塞渲染的 CSS/JS;过多的 HTTP 请求;服务器响应缓慢(TTFB);动态内容导致的布局偏移;未压缩的资源。

限制

除已提供的描述外,该技能的安装方式、定价、平台支持范围及具体调用示例暂未提供。