SuperAPI AI 工具集

web-performance-optimization

前端与建站

查看项目

更新于 10-15 21:41

技能介绍

用途:审计、诊断或优化网站的加载与交互性能、Core Web Vitals 以及 Lighthouse 性能评分。该技能强调在引用具体数值或建议时优先检索资料而非依赖预训练知识,参考来源包括 web.dev 的 vitals 文章、Chrome DevTools 性能文档和 Lighthouse 评分文档。

主要能力:先检查可用的浏览器与性能 MCP 工具,再按流程执行性能追踪、Core Web Vitals 分析、网络请求分析、无障碍快照和代码库分析。常用工具调用包括 navigate_page、performance_start_trace、performance_analyze_insight、list_network_requests、get_network_request 和 take_snapshot。分析覆盖 LCP、CLS、渲染阻塞、文档延迟和网络依赖等洞察,并给出 TTFB、FCP、LCP、INP、TBT、CLS、Speed Index 的阈值参考。

使用方式:按五阶段清单推进——性能追踪、Core Web Vitals 分析、网络分析、无障碍快照、代码库分析(第三方站点可跳过最后一步)。若需 Chrome DevTools MCP,可参考其安装指南并使用最新版本,示例配置为 "chrome-devtools": {"command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"]}。仅在授权范围内修改 MCP 配置,否则先询问。

适用场景:网站性能审计、Core Web Vitals 诊断、Lighthouse 评分优化、网络请求与缓存问题排查、前端代码库构建与打包优化分析。

限制:洞察名称可能因 Chrome DevTools 版本而异;若追踪工具不可用,只能继续可用的源码或网络分析并说明未能采集的测量项;审计第三方站点且无代码库访问权限时跳过代码库分析。具体收费、价格与平台支持信息暂未提供。