网页性能分析工具

一个Gemini CLI扩展和MCP服务器,用于分析网页性能,提供性能数据收集和分析功能。

  • by mcclatchy
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 mcclatchy/mcp-performance

使用说明

mcp性能

用于分析网页性能的Gemini CLI扩展和MCP服务器

Gemini CLI扩展

此项目旨在作为Gemini CLI扩展安装。这将包括MCP服务器和用于一致AI响应的命令。要安装它,请使用以下命令:

gemini extensions install https://github.com/mcclatchy/mcp-performance

安装后,您将可以访问性能MCP服务器以及我们为您创建的命令。命令以开头 / 性格,例如 /performance-analysis,并且将在客户端中可见。这些命令将使用MCP服务器自动提取性能数据。如果您想为不同的对话提取性能数据,可以直接在提示中启动MCP工具。这种直接调用模式工作一致,但在使用Gemini CLI命令时并非绝对必要:

`performance-entries` --url="https://www.coralspringsflnews.com" --mark="flex first rendered"

MCP服务器

此项目也可以作为独立的MCP服务器运行。这对于希望将此工具与其他MCP客户端一起使用的开发人员非常有用,例如 mcp检查员,或像克劳德这样的其他法学硕士客户。要为这些客户端运行服务器,请使用以下命令:

npx github:mcclatchy/mcp-performance

有关使用Gemini CLI进行本地开发和测试,请参阅“本地开发”部分并使用 npm start.

注意:您不需要使用 npx 如果使用Gemini CLI,则使用命令。

地方发展

对于从事以下工作的开发人员 mcp-performance 项目,请按照以下步骤操作:

安装

这个项目需要Node.js和npm。要安装开发依赖项,请运行以下命令:

npm install

在本地运行MCP服务器

要运行MCP服务器进行本地开发,请使用以下命令:

npm start

这将启动MCP服务器,并使其可用于使用Gemini CLI或其他MCP客户端进行测试。

使用性能标记

这 performance-entries 工具可以等待特定的 performance.mark 在收集性能指标之前,在页面上设置。这对于测量自定义事件或确保应用程序的特定部分已加载或执行特别有用。

要使用此功能,请提供 mark 参数中包含您要等待的性能标记的名称。例如,如果你的网页设置了一个标记,比如 performance.mark('myCustomEvent'),您可以指示工具等待它。

示例(与Gemini CLI一起使用时):

gemini performance-entries --url "https://example.com" --mark "myCustomEvent"