MCP PageSpeed Insights
Connects LLMs to Google PageSpeed Insights to analyze web performance, accessibility, SEO, and best practices, enabling AI assistants to audit and improve any web page.
README
MCP PageSpeed Insights
An MCP (Model Context Protocol) server that connects LLMs to Google PageSpeed Insights. It lets AI assistants analyze any web page's performance, accessibility, SEO, and best practices — then help you act on the results.
Prerequisites
- Node.js 18+
- Google API Key — get one for free at Google Developers Console
Setup
git clone https://github.com/NicolasET/mcp-pagespeed-insight.git
cd mcp-pagespeed-insight
npm install
npm run build
Configuration
Add the server to your MCP client.
Claude Code (CLI)
claude mcp add pagespeed-insights -e GOOGLE_API_KEY=your_api_key_here -- node /absolute/path/to/mcp-pagespeed-insights/dist/server.js
On Windows (outside WSL), wrap with cmd /c:
claude mcp add pagespeed-insights -e GOOGLE_API_KEY=your_api_key_here -- cmd /c node C:\absolute\path\to\mcp-pagespeed-insights\dist\server.js
Scope options (add --scope before the server name):
| Scope | Description |
|---|---|
local (default) |
Private to you, current project only |
project |
Shared with the team via .mcp.json (committed to version control) |
user |
Private to you, available across all projects |
Example with scope:
claude mcp add --scope user pagespeed-insights -e GOOGLE_API_KEY=your_api_key_here -- node /absolute/path/to/mcp-pagespeed-insights/dist/server.js
After adding, verify with:
claude mcp list
Claude Desktop
Edit claude_desktop_config.json (Settings > Developer > Edit Config):
{
"mcpServers": {
"pagespeed-insights": {
"command": "node",
"args": ["/absolute/path/to/mcp-pagespeed-insights/dist/server.js"],
"env": {
"GOOGLE_API_KEY": "your_api_key_here"
}
}
}
}
Other MCP clients (Cursor, Windsurf, etc.)
Refer to your client's docs for registering a stdio MCP server. The command is:
node /absolute/path/to/mcp-pagespeed-insights/dist/server.js
The GOOGLE_API_KEY environment variable must be set.
Available Tools
| Tool | Description |
|---|---|
analyze_url |
Full Lighthouse analysis — all category scores, key metrics, and top improvement opportunities |
get_performance_metrics |
Core Web Vitals and performance scores (LCP, CLS, TBT, FCP, SI, TTI, TTFB) |
get_recommendations |
Prioritized improvement opportunities sorted by estimated impact |
get_network_analysis |
Resource breakdown by type, transfer sizes, and largest resources |
get_js_analysis |
JavaScript boot-up time, main thread work, and unused code |
get_image_optimization |
Images needing compression, modern format conversion, or lazy-loading |
get_render_blocking |
Render-blocking CSS/JS, critical request chains, preconnect/preload opportunities |
get_third_party_impact |
Third-party scripts by provider, size, blocking time, and facade opportunities |
get_accessibility_issues |
Accessibility score and all failing audits with affected elements |
compare_strategies |
Side-by-side mobile vs desktop comparison of scores and metrics |
All tools accept a url parameter (required) and a strategy parameter (mobile or desktop, defaults to mobile). The analyze_url and compare_strategies tools also accept a categories array to select which Lighthouse categories to run.
Environment Variables
| Variable | Required | Default | Description |
|---|---|---|---|
GOOGLE_API_KEY |
Yes | — | Your Google API key for PageSpeed Insights |
CACHE_TTL_MS |
No | 300000 (5 min) |
How long to cache API responses in milliseconds |
Example Usage
Once configured, you can ask your AI assistant things like:
- "Analyze the performance of https://example.com"
- "What are the biggest performance issues on my site and how can I fix them?"
- "Compare mobile vs desktop performance for https://example.com"
- "Which images on https://example.com need optimization?"
- "Are there any accessibility issues on https://example.com?"
- "What third-party scripts are slowing down https://example.com?"
Development
# Run in development mode (no build needed)
npm run dev
# Type-check without emitting
npm run typecheck
# Run tests
npm test
# Run tests in watch mode
npm run test:watch
# Build for production
npm run build
License
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.