Claude・Cursor用MCP サーバーで、Google PageSpeed Insights を通じたウェブページの性能分析と最適化を実現します。
中辛 の解説
TypeScript で書かれた MCP サーバーで、Google PageSpeed Insights API と Chrome UX Report API を通じて 6 つのワークフローツール（ページ分析・実ユーザーデータ（URL/オリジン）・Lighthouse 監査・マルチページ比較・ベースライン・回帰追跡）を提供します。Lighthouse ラボデータ、CrUX フィールドデータ、要素レベルの診断、ネットワーク・JavaScript・画像分析、レンダーブロックと第三者スクリプト影響の分析を活用でき、npm から即座にインストール可能です。デモサイトで即座に動作を確認できます。
こんなリポジトリです
こんなときに便利です
- デプロイ前にページの性能回帰を検知して、本番環境での指標低下を防ぐ
- 複数ページの性能を一括比較し、最も最適化効果が高い箇所を優先判定する
- 特定の画像やスクリプトが遅延の原因か特定し、最適化投資の ROI を最大化する
主な機能
ほかとの違い
従来の単一「URL 実行」型 PageSpeed MCP ツールと異なり、ラボデータ・フィールドデータ・要素診断を統合し、優先順位付き行動計画を生成する設計になっています。
このリポジトリの作り方
はじめてですか？ むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
準備するもの
- Google Cloud API キー（PageSpeed Insights API 有効化）
- Node.js と npm
- MCP 互換の AI クライアント（Claude Desktop・Cursor・Codex など）
すぐに始める
- Google API キーの取得
Google Cloud Console で PageSpeed Insights API を有効にし、API キーを作成します。
- Claude Desktop の設定ファイルを編集
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json
Linux: ~/.config/claude/claude_desktop_config.json
- mcpServers セクションに以下を追加
{
"mcpServers": {
"pagespeed-insights": {
"command": "npx",
"args": ["-y", "-p", "pino-pretty", "-p", "pagespeed-insights-mcp", "pagespeed-insights-mcp"],
"env": {
"GOOGLE_API_KEY": "your-google-api-key-here"
}
}
}
}
-
Claude Desktop を再起動
-
Claude で使用開始
Analyze the performance of https://example.com
ギット飯トライで味見
入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。
ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。
npx gitbap-try ruslanlap/pagespeed-insights-mcp
Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →
スター推移 · 7日
確認日時
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2025 年に作成
「マーケティング・グロース」 こういうリポジトリを毎週受け取りませんか？
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか？ README にギット飯バッジを貼る
[](https://www.gitbap.com/r/ruslanlap/pagespeed-insights-mcp)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る