Lighthouse MCP サーバー

Google の Lighthouse ツールをラップして、Web ページのさまざまなパフォーマンス メトリックを測定するのに役立つ MCP サーバー。

特徴

• あらゆる URL に対して包括的な Lighthouse 監査を実行します

• パフォーマンススコアと指標を取得する

• デバイスエミュレーション（モバイル/デスクトップ）を構成する

• ネットワークスロットリングを制御する

• 特定の監査カテゴリを選択する

Related MCP server: Mentor MCP Server

インストール

オプション1: npxを使用する（推奨）

インストールせずに npx を使用してツールを直接実行できます。

npx lighthouse-mcp

オプション2: グローバルインストール

パッケージをグローバルにインストールします。

npm install -g lighthouse-mcp

次にそれを実行します:

lighthouse-mcp

オプション3：地域開発

1. このリポジトリをクローンする

2. 依存関係をインストールします:

   npm install

3. プロジェクトをビルドします。

   npm run build

4. サーバーを実行します。

   npm start

MCP構成

npm（グローバルまたはnpx）経由でインストールした場合

MCP 設定構成ファイルに次の内容を追加します。

{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["lighthouse-mcp"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

ローカル開発版を使用する場合

MCP 設定構成ファイルに次の内容を追加します。

{
  "mcpServers": {
    "lighthouse": {
      "command": "node",
      "args": ["/absolute/path/to/lighthouse-mcp/build/index.js"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

/absolute/path/to/lighthouse-mcpこのプロジェクトへの実際のパスに置き換えます。

利用可能なツール

監査の実行

URL に対して包括的な Lighthouse 監査を実行します。

パラメータ:

• url (必須): 監査するURL

• categories （オプション）：監査するカテゴリの配列（デフォルトはすべて）

  • オプション: 「パフォーマンス」、「アクセシビリティ」、「ベストプラクティス」、「SEO」、「PWA」

• device （オプション）：エミュレートするデバイス（デフォルトは「モバイル」）

  • オプション:「モバイル」、「デスクトップ」

• throttling （オプション）：ネットワークスロットリングを適用するかどうか（デフォルトはtrue）

例：

{
  "url": "https://example.com",
  "categories": ["performance", "accessibility"],
  "device": "desktop",
  "throttling": false
}

パフォーマンススコアを取得する

URL のパフォーマンス スコアのみを取得します。

パラメータ:

• url (必須): 監査するURL

• device （オプション）：エミュレートするデバイス（デフォルトは「モバイル」）

  • オプション:「モバイル」、「デスクトップ」

例：

{
  "url": "https://example.com",
  "device": "mobile"
}

使用例

MCP サーバーが設定されると、Claude で使用できるようになります。

What's the performance score for example.com?

Claude はget_performance_scoreツールを使用して Web サイトを分析し、結果を返します。

要件

• Node.js 16以上

• Chrome/Chromium ブラウザ (Lighthouse 用)

推薦