Google CrUX MCP

Google CrUX MCP

Enables natural language queries of the Chrome UX Report API to fetch Core Web Vitals (LCP, INP, CLS, FCP, TTFB), compare form factors, benchmark pages against site averages, and analyze up to 40 weeks of performance trends.

Category
访问服务器

README

Google CrUX MCP

npm CI Glama License: MIT

MCP server for the Chrome UX Report (CrUX) API — ask for real-user Core Web Vitals (LCP, INP, CLS, plus FCP and TTFB) of any public origin or URL from Claude, Cursor, Codex and other AI clients in natural language.

The assistant assesses Core Web Vitals in one call, compares phone vs desktop, benchmarks a page against its site average and pulls up to 40 weeks of p75 history — the same field data that powers PageSpeed Insights and Google Search's CWV signals.

Quick start

  1. Get an API key — a free Google Cloud API key with the Chrome UX Report API enabled.

  2. Add the server — for example, in Claude Code (other clients):

    claude mcp add google-crux \
      -e CRUX_API_KEY=your_key \
      -- npx -y mcp-google-crux@latest
    
  3. Ask the assistant: "Does https://web.dev pass Core Web Vitals on mobile?"

Tools

Tool Description
get_core_web_vitals One-call CWV assessment: p75 + good / needs-improvement / poor rating and experience densities for LCP, INP, CLS (+ FCP, TTFB), with an overall pass verdict.
compare_form_factors Phone vs desktop vs tablet vs all-devices breakdown with per-device traffic shares (4 API requests).
compare_origin_vs_url Site-wide origin record vs one specific page — is this page faster than the site average? (2 requests).
get_cwv_trend Weekly p75 trend over up to 40 weeks with an improved / regressed / stable delta per metric.
query_record Raw latest 28-day record: full histograms, percentiles and fractions.
query_history_record Raw weekly timeseries: histogram/percentile/fraction series per collection period.

Full descriptions: docs/TOOLS.md. Resilience: retries with backoff on 429/5xx/network errors, request timeout, and "no data" (HTTP 404) reported as a normal structured result rather than a failure.

Example prompts

  • "Does https://example.com pass Core Web Vitals?"
  • "Compare mobile vs desktop performance of https://github.com — where does the traffic come from?"
  • "Is https://web.dev/patterns/ faster than web.dev overall?"
  • "How did LCP of https://amazon.com change over the last 25 weeks?"

API access

The server talks to the Chrome UX Report API (chromeuxreport.googleapis.com) — Google's public dataset of real Chrome user experiences, updated daily (history: weekly on Mondays). Auth is a plain Google Cloud API key (no OAuth, nothing to refresh), free of charge with a quota of 150 queries per minute per project shared by both endpoints. Only origins/URLs that are public and popular enough have data — for anything below the traffic threshold the API answers "no data", which the tools report as no_data, not an error.

Installation

<details open> <summary><b>Claude Code</b></summary>

claude mcp add google-crux \
  -e CRUX_API_KEY=your_key \
  -- npx -y mcp-google-crux@latest

</details>

<details> <summary><b>Claude Desktop</b></summary>

claude_desktop_config.json — macOS ~/Library/Application Support/Claude/, Windows %APPDATA%\Claude\

{
  "mcpServers": {
    "google-crux": {
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

</details>

<details> <summary><b>Cursor</b></summary>

~/.cursor/mcp.json (or .cursor/mcp.json in the project)

{
  "mcpServers": {
    "google-crux": {
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

</details>

<details> <summary><b>VS Code</b></summary>

.vscode/mcp.json — note the servers key (not mcpServers)

{
  "servers": {
    "google-crux": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

</details>

Getting access

  1. Open the Google Cloud Console and create a project (or pick an existing one). No billing account is needed — the CrUX API is free.
  2. Enable the Chrome UX Report API for the project: console.cloud.google.com/apis/library/chromeuxreport.googleapis.com → Enable. (Shortcut: the Get a key button on the CrUX API docs page does steps 1–3 in one dialog.)
  3. Create the key: APIs & Services → Credentials → Create credentials → API key. Copy the key.
  4. Recommended: click Edit API key and restrict it to the Chrome UX Report API, so a leaked key can't be used for anything else.
  5. Put the key into CRUX_API_KEY.

⚠️ The key is stored in plain text in your client config and rides in the request URL — treat it like a password.

Configuration

Variable Required Default Description
CRUX_API_KEY yes — Google Cloud API key with the Chrome UX Report API enabled.
CRUX_API_BASE no https://chromeuxreport.googleapis.com API root override.
CRUX_TIMEOUT_MS no 30000 Per-request timeout, ms.
CRUX_MAX_RETRIES no 3 Retries on 429/5xx/network errors.

Requirements

  • Node.js 20+ (runs via npx, no separate install needed).
  • A Google Cloud API key — see Getting access.

Limitations

  • Read-only. The CrUX API has no write operations — the server only reads.
  • Quota: 150 queries/min per project, shared by both endpoints, no paid upgrades. compare_form_factors spends 4 units per call, compare_origin_vs_url 2.
  • Data availability. Only sufficiently popular public pages are in the dataset; specific URLs and tablet queries frequently return no_data. Data is a 28-day rolling window updated daily (~04:00 UTC); history updates on Mondays — repeating the same query within a day returns identical data.

Documentation

  • Tools — the full list with descriptions.
  • Development — build, tests, smoke check.
  • Publishing — releasing and MCP catalog listings.

Support

Questions, ideas and fixes — Telegram: @gistrec.

License

MIT — see LICENSE.

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选