Phialsbasement Pagespeed MCP Server

🚀 PageSpeed MCP サーバー

このサーバーは、AI アシスタントの機能を強化するモデルコンテキストプロトコル（MCP）サーバーであり、Google の PageSpeed Insights 機能を統合しています。AI モデルと PageSpeed Insights API の間の橋渡しとして機能し、ウェブサイトのパフォーマンスを詳細に分析することができます。

🚀 クイックスタート

PageSpeed MCP サーバーは、AI アシスタントに全面的なウェブページパフォーマンス分析機能を付与します。統合後、AI モデルは指定した URL の詳細なパフォーマンス指標、コアウェブバイタル（Core Web Vitals）、その他の重要なデータを要求して解析することができます。

📦 インストール

Smithery を使用したインストール

Smithery を通じて、Claude Desktop 用の PageSpeed サーバーを自動的にインストールできます。

npx -y @smithery/cli install mcp-pagespeed-server --client claude

手動インストール

npm install pagespeed-mcp-server

🔧 設定

PageSpeed MCP を AI アシスタント（この例では Claude）の設定ファイルに追加します。

{
    "pagespeed": {
        "command": "node",
        "args": ["path/to/mcp-pagespeed-server/dist/index.js"]
    }
}

✨ 主な機能

パフォーマンス指標分析

• 最初のコンテンツペイント（FCP）
• 最大コンテンツペイント（LCP）
• インタラクション可能時間（TTI）
• 総ブロッキング時間（TBT）
• レイアウト偏移累積（CLS）
• 速度指数
• 最初のバイト到達時間（TTFB）

ベストプラクティス評価

• HTTPS の使用状況
• JavaScript エラーの監視
• ブラウザコンソールの警告
• 廃止予定 API の使用チェック
• 画像のアスペクト比分析
• リンクのセキュリティチェック

SEO 分析

• meta 説明の検証
• robots.txt の検証
• 構造化データの検証
• クロール可能なリンクの確認
• meta タグの評価
• モバイルフレンドリー性の検出

アクセシビリティ監査

• ARIA 属性の検証
• 色のコントラストチェック
• ヘッダータグの階層構造分析
• alt テキストの検証
• フォーカス管理の評価
• キーボードナビゲーションのテスト

リソース最適化

• 画像最適化の提案
• JavaScript パッケージング分析
• CSS 最適化の推奨
• キャッシュポリシーの検証
• リソースの最小化チェック
• レンダリングブロッキングリソースの識別

📚 ドキュメント

API 応答構造

MCP サーバーは、詳細な JSON 応答を提供します。

{
    "lighthouseResult": {
        "categories": {
            "performance": { /* パフォーマンス指標 */ },
            "accessibility": { /* アクセシビリティ結果 */ },
            "best-practices": { /* ベストプラクティス監査 */ },
            "seo": { /* SEO 結果 */ }
        },
        "audits": {
            // 各カテゴリの詳細な監査結果
        },
        "timing": {
            // パフォーマンス時間データ
        },
        "stackPacks": {
            // 技術固有の提案
        }
    }
}

🛠 サポート

ヘルプの取得

• GitHub Issues：エラー報告や機能要求を行うことができます。

📄 ライセンス

MIT ライセンス - 詳細については、LICENSE ファイルを参照してください。