mcpField
@
@enemyrr/mcp-server-pagespeed

@enemyrr/mcp-server-pagespeed

ローカル
github.com/enemyrr開発ツール1189 週間前に更新

@enemyrr/mcp-server-pagespeed について

@enemyrr/mcp-server-pagespeedは、Google PageSpeed Insightsを使ってウェブページのパフォーマンスを分析するMCPサーバーです。AIモデルに読み込み指標と優先度付きの改善案を提供します。

主な機能

  1. 01Google PageSpeed Insightsによるページ分析
  2. 02パフォーマンススコアと読み込み指標の返却
  3. 03優先度付き改善案の提示
  4. 04URLとAPIエラーへの対応

活用シーン

  1. 01ウェブページのパフォーマンス確認
  2. 02読み込み体験の指標の調査
  3. 03優先すべきパフォーマンス改善の特定

MCP 対応

MCPクライアントにanalyze_pagespeedツールを提供し、ウェブページのURLを受け取ってPageSpeed Insightsの分析結果を返します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"pagespeed": {
"command": "npx",
"args": [
"-y",
"mcp-server-pagespeed"
]
}
}
}
起動コマンドnpx -y mcp-server-pagespeed

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmmcp-server-pagespeed

ツール

1

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
urlstringはい分析する URL

詳細

@enemyrr/mcp-server-pagespeed

Google PageSpeed Insights による分析を提供する Model Context Protocol サーバーです。このサーバーを使用すると、AI モデルは標準化されたインターフェースを通じてウェブページのパフォーマンスを分析できます。

Pagespeed MCP サーバー

Cursor IDE のインストールとセットアップ

  1. プロジェクトをクローンしてビルドします:
git clone https://github.com/enemyrr/mcp-server-pagespeed.git
cd mcp-server-pagespeed
npm install
npm run build
  1. Cursor IDE の設定でサーバーを追加します:
    • コマンドパレットを開きます(Cmd/Ctrl + Shift + P)
    • 「MCP: Add Server」を検索します
    • 各項目を入力します:
      • Name:pagespeed
      • Type:command
      • Command:node /absolute/path/to/mcp-server-pagespeed/build/index.js

注:/absolute/path/to/ は、プロジェクトをクローンしてビルドした実際のパスに置き換えてください。

コマンドラインでの使用方法

次のコマンドを実行するだけです:

npx mcp-server-pagespeed

利用可能なツール

analyze_pagespeed

Google PageSpeed Insights API を使用してウェブページを分析します。

use_mcp_tool({
  server_name: "pagespeed",
  tool_name: "analyze_pagespeed",
  arguments: {
    url: "https://example.com"
  }
});

このツールは次の情報を返します:

  • 全体的なパフォーマンススコア(0~100)
  • 読み込み状況の指標
    • First Contentful Paint
    • First Input Delay
  • 改善案の上位 5 件と、以下の情報:
    • タイトル
    • 説明
    • 予想される影響
    • 現在の値

特長

  • ウェブページのパフォーマンスをリアルタイムで分析
  • 読み込み状況の詳細な指標
  • 優先度付きの改善案
  • 包括的なエラー処理
  • TypeScript 対応

エラー処理

サーバーは次の問題について、詳細なエラーメッセージを提供します:

  • 無効な URL
  • API リクエストの失敗
  • 接続の問題
  • 無効なツール呼び出し

コントリビューション

コントリビューションを歓迎します!お気軽に Pull Request を https://github.com/enemyrr/mcp-server-pagespeed へ送信してください。

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。