Lighthouse MCP

🚀 ライトハウス MCP サーバー

このサーバーは Google の Lighthouse ツールを基盤に構築された MCP サーバーで、ウェブページの様々なパフォーマンス指標を測定するのに役立ちます。

✨ 主な機能

• 任意の URL に対して包括的なライトハウス審査を実行
• パフォーマンススコアと指標を取得
• デバイスシミュレーション（スマートフォン/デスクトップ）を設定
• ネットワーク制限を制御
• 特定の審査カテゴリを選択

📦 インストール

オプション 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": ["/絶対パス/到/lighthouse-mcp/build/index.js"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

/絶対パス/到/lighthouse-mcp を、あなたのプロジェクトの実際のパスに置き換えてください。

利用可能なツール

run_audit

URL に対して包括的なライトハウス審査を実行します。 パラメータ：

• url（必須）：審査対象の URL
• categories（オプション）：審査するカテゴリの配列（デフォルトはすべて）
  • 選択肢："performance", "accessibility", "best-practices", "seo", "pwa"
• device（オプション）：シミュレートするデバイス（デフォルトは "mobile"）
  • 選択肢："mobile", "desktop"
• throttling（オプション）：ネットワーク制限を適用するかどうか（デフォルトは true）

例：

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

get_performance_score

特定の URL のパフォーマンススコアのみを取得します。 パラメータ：

• url（必須）：審査対象の URL
• device（オプション）：シミュレートするデバイス（デフォルトは "mobile"）
  • 選択肢："mobile", "desktop"

例：

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

💻 使用例

MCP サーバーを設定した後、Claude で使用できます。

example.com のパフォーマンススコアはいくつですか？

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

🔧 技術詳細

• Node.js 16+
• ブラウザ：Chrome、Firefox などの最新ブラウザ

📄 ライセンス

ライトハウス MCP サーバーのライセンスリンク