profile-browsing - 浏览性能分析工具
在浏览过程中分析应用性能，通过 react-scan 收集 Web Vitals 和 React 重渲染数据
标签
更新于: 2026-03-26能力
典型输入
典型输出
该技能可以做什么
- 分析浏览性能
- 收集 Web Vitals
- 捕获导航计时
- 检测长任务
- 测量布局偏移
- 计算 LCP
- 统计 React 提交
- 检测渲染突发
- 收集组件数据
- 启动分析子代理
- 合并分析结果
- 生成性能报告
- 清理分析会话
输入
- 开发服务器地址
- 路由批次
- playwright-cli
- react-scan 配置
- 分析子代理定义
输出
- 性能问题列表
- 每个视图摘要表
- react-scan 组件数据
- 滚动卡顿指标
- trace.zip 文件
要求
- 开发服务器运行中
- playwright-cli 已安装
- react-scan 已配置