PageSpeed Insights

by enemyrr

1 stars
279 downloads
Not rated
GitHub

About

Integrates with Google PageSpeed Insights to analyze webpage performance and provide optimization recommendations for improved loading speed and user experience

Details

Author
enemyrr
Repository
enemyrr/mcp-server-pagespeed
GitHub stars
1
Downloads
279
License
MIT License
Categories
Design, Developer Tools, AI, Automation, Other
Tags
#mobile, #integration, #analytics

- Real-time webpage performance analysis
- Detailed loading experience metrics
- Prioritized improvement suggestions
- Comprehensive error handling
- TypeScript support

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name PageSpeed Insights
    Command (node, npx, python, etc.) node
    Arguments
    • Argument 1 /absolute/path/to/mcp-server-pagespeed/build/index.js

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

1. Clone and build the project:

git clone https://github.com/enemyrr/mcp-server-pagespeed.git
cd mcp-server-pagespeed
npm install
npm run build

2. Add the server in Cursor IDE settings:
- Open Command Palette (Cmd/Ctrl + Shift + P)
- Search for "MCP: Add Server"
- Fill in the fields:
- Name: pagespeed
- Type: command
- Command: node /absolute/path/to/mcp-server-pagespeed/build/index.js

> Note: Replace /absolute/path/to/ with the actual path where you cloned and built the project.

Just run:

npx mcp-server-pagespeed

analyze_pagespeed

Analyze a webpage using Google PageSpeed Insights API. Parameters: url (string) - the URL of the webpage to analyze.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "pagespeed insights": {
            "cwd": "/absolute/path/to/mcp-server-pagespeed",
            "env": {},
            "args": [
                "/absolute/path/to/mcp-server-pagespeed/build/index.js"
            ],
            "shell": false,
            "command": "node"
        }
    }
}

Linux

{
    "cwd": "/absolute/path/to/mcp-server-pagespeed",
    "env": [],
    "args": [
        "/absolute/path/to/mcp-server-pagespeed/build/index.js"
    ],
    "shell": false,
    "command": "node"
}

Macos

{
    "cwd": "/absolute/path/to/mcp-server-pagespeed",
    "env": [],
    "args": [
        "/absolute/path/to/mcp-server-pagespeed/build/index.js"
    ],
    "shell": false,
    "command": "node"
}

Windows

{
    "cwd": "/absolute/path/to/mcp-server-pagespeed",
    "env": [],
    "args": [
        "/absolute/path/to/mcp-server-pagespeed/build/index.js"
    ],
    "shell": false,
    "command": "node"
}

@enemyrr/mcp-server-pagespeed

A Model Context Protocol server that provides Google PageSpeed Insights analysis. This server enables AI models to analyze webpage performance through a standardized interface.

<a href="https://glama.ai/mcp/servers/wes81w8il2">Server Pagespeed MCP server</a>

Installation & Setup for Cursor IDE

1. Clone and build the project:

git clone https://github.com/enemyrr/mcp-server-pagespeed.git
cd mcp-server-pagespeed
npm install
npm run build

2. Add the server in Cursor IDE settings:
- Open Command Palette (Cmd/Ctrl + Shift + P)
- Search for "MCP: Add Server"
- Fill in the fields:
- Name: pagespeed
- Type: command
- Command: node /absolute/path/to/mcp-server-pagespeed/build/index.js

> Note: Replace /absolute/path/to/ with the actual path where you cloned and built the project.

Command-line Usage

Just run:

npx mcp-server-pagespeed

Available Tools

analyze_pagespeed

Analyze a webpage using Google PageSpeed Insights API.
use_mcp_tool({
  server_name: "pagespeed",
  tool_name: "analyze_pagespeed",
  arguments: {
    url: "https://example.com"
  }
});

The tool returns:
- Overall performance score (0-100)
- Loading experience metrics
- First Contentful Paint
- First Input Delay
- Top 5 improvement suggestions with:
- Title
- Description
- Potential impact
- Current value

Features

- Real-time webpage performance analysis
- Detailed loading experience metrics
- Prioritized improvement suggestions
- Comprehensive error handling
- TypeScript support

Error Handling

The server provides detailed error messages for:
- Invalid URLs
- API request failures
- Connection issues
- Invalid tool calls

Contributing

Contributions are welcome! Please feel free to submit a Pull Request to https://github.com/enemyrr/mcp-server-pagespeed

License

MIT

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.