State of Web Vitals について
State of Web Vitalsは、CMS、CDN、フレームワーク別に集計したCore Web Vitalsデータを調べるリモートMCPサーバーです。Chromeのフィールドデータと複数サイトのクロールを基に、ランキング、合格率、指標分布を確認できます。
主な機能
- 01Core Web Vitals指標の集計
- 02CMS、CDN、フレームワーク別のランキング
- 03指標分布ヒストグラムの表示
- 04フィルターと指標パスの確認
活用シーン
- 01CMSプラットフォーム間の指標比較
- 02CDN別の合格率の確認
- 03Web指標の分布の調査
MCP 対応
リモートMCPサーバーは、認証不要のStreamable HTTPでget_metrics、get_histogram、list_optionsをクライアントに公開します。簡易なローカルstdioプロキシも含まれます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://www.corewebvitals.io/api/state-of-cwv/mcpclaude mcp add --transport http corewebvitals-state-of-cwv https://www.corewebvitals.io/api/state-of-cwv/mcp{"mcpServers":{"corewebvitals-state-of-cwv":{"type":"http","url":"https://www.corewebvitals.io/api/state-of-cwv/mcp"}}}Cursor で開く{"servers":{"corewebvitals-state-of-cwv":{"type":"http","url":"https://www.corewebvitals.io/api/state-of-cwv/mcp"}}}VS Code で開く{"mcpServers":{"corewebvitals-state-of-cwv":{"type":"http","url":"https://www.corewebvitals.io/api/state-of-cwv/mcp"}}}{"mcpServers":{"corewebvitals-state-of-cwv":{"serverUrl":"https://www.corewebvitals.io/api/state-of-cwv/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
3| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| focus | enum | いいえ | 技術指標との相関分析に使用する CWV。デフォルト:lcp。lcp | inp | cls | fcp | ttfb |
| limit | integer | いいえ | グループまたは上位カテゴリの最大数。デフォルト:25、最大:100。 |
| filter | object | いいえ | AND フィルター。省略するとデータセット内のすべてのサイトが対象です。キー:device (all|phone|desktop)、cms、framework、cdn、provider(キー)、provider_category(例:analytics — provider と併用してください。単独では不十分です。ランキングには group_by の使用を推奨します)。 |
| filter.cdn | string | いいえ | この CDN キー(cloudflare、origin、…)を使用しているサイトのみ。 |
| filter.cms | string | いいえ | この CMS キー(wordpress、shopify、wix、…)を使用しているサイトのみ。 |
| filter.device | enum | いいえ | CrUX のデバイス区分。デフォルト:all。all | phone | desktop |
| filter.provider | string | いいえ | このサードパーティ provider キー(google_analytics_4、…)を読み込むサイトのみ。 |
| filter.framework | string | いいえ | この JS フレームワークキー(react、vue、jquery、…)を含むサイトのみ。 |
| metrics | any | いいえ | 返す指標。デフォルト:lcp,inp,cls,ttfb,good_all3。文字列(カンマ区切り)または文字列の配列。 |
| group_by | string | いいえ | このディメンションで結果を分類します:cms、frameworks、cdn、または provider カテゴリ(analytics、tag_managers、…)。省略すると単一の集計結果を返します。 |
| min_sites | integer | いいえ | group_by を設定した場合、サイト数がこれを下回るグループを除外します。デフォルト:50。 |
詳細
Web Vitals の現状 MCP
CMS、CDN、フレームワーク別の Core Web Vitals 指標を提供する無料のリモート MCP です(Chrome のフィールドデータ+複数サイトのクロール)。公開されているWeb Vitals の現状エクスプローラーと同じ数値を提供します。
接続(推奨)
URL: https://www.corewebvitals.io/api/state-of-cwv/mcp
認証: なし
トランスポート: Streamable HTTP
レジストリ: io.github.corewebvitals/state-of-cwv
Claude Code
claude mcp add --transport http state-of-cwv https://www.corewebvitals.io/api/state-of-cwv/mcp
Cursor / Grok / その他のクライアント
{
"mcpServers": {
"state-of-cwv": {
"type": "http",
"url": "https://www.corewebvitals.io/api/state-of-cwv/mcp"
}
}
}
Curl
curl -s -X POST https://www.corewebvitals.io/api/state-of-cwv/mcp \
-H 'Content-Type: application/json' \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"get_metrics","arguments":{"metrics":"lcp,good_all3","group_by":"cms","min_sites":100}}}'
ツール
| ツール | 用途 |
|---|---|
get_metrics | 集計値と、任意の group_by によるランキング(CMS、CDN、フレームワークなど) |
get_histogram | 任意のフィルターを適用した、1 つの指標の分布バケット |
list_options | フィルター、group_by の値、指標パスを確認 |
これは何か
Web Vitals の現状では、多数の実在するウェブサイトを対象に、Core Web Vitals とウェブ技術の手法を測定しています(Chrome のフィールドデータ+クロール)。プラットフォームのランキング、合格率、指標の分布を確認できます。サイトごとのリアルタイム RUM ではありません(その用途には CoreDash をご利用ください)。
クレジット表記
数値を使用する場合:
- corewebvitals.io / The State of Web Vitals をクレジット表記してください
- リンクが使用可能な場合は、https://www.corewebvitals.io/state-of-cwv へのリンクを含めてください
短縮表記:Data: State of Web Vitals (corewebvitals.io)
ディスカバリー
| 場所 | リンク |
|---|---|
| 公式 MCP レジストリ | io.github.corewebvitals/state-of-cwv |
| Glama | https://glama.ai/mcp/servers/corewebvitals/state-of-cwv-mcp |
| Glama コネクター | https://glama.ai/mcp/connectors/io.github.corewebvitals/state-of-cwv |
| Smithery | https://smithery.ai/servers/corewebvitals/state-of-cwv |
| エクスプローラー | https://www.corewebvitals.io/state-of-cwv/explorer |
| 方法論 | https://www.corewebvitals.io/state-of-cwv/methodology |
| ディスカバリー JSON | https://www.corewebvitals.io/.well-known/mcp.json |
ローカル stdio / Docker(ディレクトリとインスペクター)
このリポジトリには、tools/list に応答し、ツール呼び出しをホストされたエンドポイントに転送する軽量な stdio プロキシも含まれています。
npm install
npm start
docker build -t state-of-cwv-mcp .
docker run --rm -i state-of-cwv-mcp
任意:STATE_OF_CWV_MCP_URL を設定すると、上流エンドポイントを上書きできます。
ライセンス
このリポジトリ内のコネクターコードとドキュメントは MIT ライセンスです。データ製品とウェブサイトの著作権は引き続き corewebvitals.io に帰属します。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。