📦 Web Perf — 网页性能分析

v?

利用 Chrome DevTools MCP 分析网页性能,测量核心 Web vitals(FCP、LCP、TBT、CLS、Speed Index),识别阻塞渲染的资源、网络依赖链、布局偏移、缓存问题和无障碍缺陷。适用于审计、配置文件、调试或优化页面加载性能、Lighthouse 得分或网站速度。

3· 4.7k·0 当前·0 累计
0

运行时依赖

无特殊依赖

安装命令

点击复制
官方npx clawhub@latest install web-perf
镜像加速npx clawhub@latest install web-perf --registry https://cn.longxiaskill.com

技能文档

简介

利用 Chrome DevTools MCP 分析网页性能的技能。

功能

  • 测量核心 Web vitals(FCP、LCP、TBT、CLS、Speed Index)
  • 识别阻塞渲染的资源、网络依赖链、布局偏移、缓存问题和无障碍缺陷
  • 适用于审计、配置文件、调试或优化页面加载性能、Lighthouse 得分或网站速度

使用示例

# 示例命令(假设)
web-perf analyze https://example.com

注意

  • 确保 Chrome DevTools MCP 已正确配置。
  • 优化建议基于最新的 Web 性能最佳实践。
数据来源ClawHub ↗ · 中文优化:龙虾技能库