mcpField
S
State of Web Vitals

State of Web Vitals

リモート
corewebvitals.ioデータ・分析015 週間前に更新
リポジトリ公式サイト

State of Web Vitals について

State of Web Vitalsは、CMS、CDN、フレームワーク別に集計したCore Web Vitalsデータを調べるリモートMCPサーバーです。Chromeのフィールドデータと複数サイトのクロールを基に、ランキング、合格率、指標分布を確認できます。

主な機能

  1. 01Core Web Vitals指標の集計
  2. 02CMS、CDN、フレームワーク別のランキング
  3. 03指標分布ヒストグラムの表示
  4. 04フィルターと指標パスの確認

活用シーン

  1. 01CMSプラットフォーム間の指標比較
  2. 02CDN別の合格率の確認
  3. 03Web指標の分布の調査

MCP 対応

リモートMCPサーバーは、認証不要のStreamable HTTPでget_metrics、get_histogram、list_optionsをクライアントに公開します。簡易なローカルstdioプロキシも含まれます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://www.corewebvitals.io/api/state-of-cwv/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

3
パラメーター型必須説明
focusenumいいえ技術指標との相関分析に使用する CWV。デフォルト:lcp。lcp | inp | cls | fcp | ttfb
limitintegerいいえグループまたは上位カテゴリの最大数。デフォルト:25、最大:100。
filterobjectいいえAND フィルター。省略するとデータセット内のすべてのサイトが対象です。キー:device (all|phone|desktop)、cms、framework、cdn、provider(キー)、provider_category(例:analytics — provider と併用してください。単独では不十分です。ランキングには group_by の使用を推奨します)。
filter.cdnstringいいえこの CDN キー(cloudflare、origin、…)を使用しているサイトのみ。
filter.cmsstringいいえこの CMS キー(wordpress、shopify、wix、…)を使用しているサイトのみ。
filter.deviceenumいいえCrUX のデバイス区分。デフォルト:all。all | phone | desktop
filter.providerstringいいえこのサードパーティ provider キー(google_analytics_4、…)を読み込むサイトのみ。
filter.frameworkstringいいえこの JS フレームワークキー(react、vue、jquery、…)を含むサイトのみ。
metricsanyいいえ返す指標。デフォルト:lcp,inp,cls,ttfb,good_all3。文字列(カンマ区切り)または文字列の配列。
group_bystringいいえこのディメンションで結果を分類します:cms、frameworks、cdn、または provider カテゴリ(analytics、tag_managers、…)。省略すると単一の集計結果を返します。
min_sitesintegerいいえgroup_by を設定した場合、サイト数がこれを下回るグループを除外します。デフォルト:50。

詳細

Web Vitals の現状 MCP

corewebvitals/state-of-cwv-mcp MCP server

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 をご利用ください)。

クレジット表記

数値を使用する場合:

  1. corewebvitals.io / The State of Web Vitals をクレジット表記してください
  2. リンクが使用可能な場合は、https://www.corewebvitals.io/state-of-cwv へのリンクを含めてください

短縮表記:Data: State of Web Vitals (corewebvitals.io)

ディスカバリー

場所リンク
公式 MCP レジストリio.github.corewebvitals/state-of-cwv
Glamahttps://glama.ai/mcp/servers/corewebvitals/state-of-cwv-mcp
Glama コネクターhttps://glama.ai/mcp/connectors/io.github.corewebvitals/state-of-cwv
Smitheryhttps://smithery.ai/servers/corewebvitals/state-of-cwv
エクスプローラーhttps://www.corewebvitals.io/state-of-cwv/explorer
方法論https://www.corewebvitals.io/state-of-cwv/methodology
ディスカバリー JSONhttps://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 に帰属します。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。