前端性能分析MCP工具,支持Web Vitals、资源加载分析并生成HTML报告
npm install mcp-performance-analyzer前端性能分析MCP工具,支持Web Vitals、资源加载、长任务等性能指标分析,并生成详细的HTML报告。
- ✅ Web Vitals核心指标(LCP、FCP、FID、CLS)
- ✅ JavaScript/CSS资源分析
- ✅ 网络请求分析
- ✅ 图片资源分析
- ✅ 长任务检测
- ✅ 自动生成HTML报告
- ✅ 性能评分和建议
``bash`
npm install -g mcp-performance-analyzer
在Cursor配置文件中添加:
`json`
{
"mcpServers": {
"mcp-performance-analyzer": {
"command": "node",
"args": ["/path/to/mcp-performance-analyzer/index.js"]
}
}
}
或使用npm全局安装:
`json`
{
"mcpServers": {
"mcp-performance-analyzer": {
"command": "npx",
"args": ["mcp-performance-analyzer"]
}
}
}
在Cursor中使用 analyze_performance` 工具,传入要分析的URL。
- Node.js >= 18
- Chrome浏览器(用于性能分析)
MIT