npm package: @iflow-mcp/danielsogl-lighthouse-mcp
Description: A comprehensive Model Context Protocol (MCP) server that provides web performance auditing, accessibility testing, SEO analysis, security assessment, and Core Web Vitals monitoring using Google Lighthouse. Enables LLMs and AI agents to perform detailed we
Author: Daniel Sogl
Latest version: 1.4.0

# Lighthouse MCP Server

[![NPM Version](https://img.shields.io/npm/v/@danielsogl/lighthouse-mcp?style=flat-square)](https://www.npmjs.com/package/@danielsogl/lighthouse-mcp)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](./LICENSE)
[![Node Version](https://img.shields.io/node/v/@danielsogl/lighthouse-mcp?style=flat-square)](https://nodejs.org)
[![CI](https://img.shields.io/github/actions/workflow/status/danielsogl/lighthouse-mcp-server/ci.yml?branch=main&style=flat-square)](https://github.com/danielsogl/lighthouse-mcp-server/actions)
[![Coverage](https://img.shields.io/codecov/c/github/danielsogl/lighthouse-mcp-server?style=flat-square)](https://codecov.io/gh/danielsogl/lighthouse-mcp-server)
[![Sponsor](https://img.shields.io/badge/💖_Sponsor-danielsogl-EA4AAA?style=flat-square)](https://github.com/sponsors/danielsogl)

A Model Context Protocol (MCP) server that provides comprehensive web performance auditing and analysis capabilities using Google Lighthouse. This server enables LLMs and AI agents to perform detailed website performance assessments, accessibility audits, SEO analysis, security checks, and Core Web Vitals monitoring.

<a href="https://glama.ai/mcp/servers/@danielsogl/lighthouse-mcp-server">
  <img width="380" height="200" src="https://glama.ai/mcp/servers/@danielsogl/lighthouse-mcp-server/badge" alt="Lighthouse MCP server" />
</a>

## 🌟 Key Features

- **🚀 Performance Analysis**: Complete Lighthouse audits with Core Web Vitals, performance scores, and optimization recommendations
- **♿ Accessibility Audits**: WCAG compliance checking and accessibility score analysis
- **🔍 SEO Analysis**: Search engine optimization audits and best practice recommendations
- **🔒 Security Assessment**: HTTPS, CSP, and security vulnerability scanning
- **📊 Resource Analysis**: JavaScript, CSS, image, and font optimization opportunities
- **📱 Mobile vs Desktop**: Comparative analysis across devices with throttling options
- **⚡ Core Web Vitals**: LCP, FID, CLS monitoring with threshold checking
- **🎯 Performance Budgets**: Custom performance thresholds and budget monitoring
- **📚 Reference Resources**: Built-in guidelines and best practices for web performance, accessibility, SEO, and security

## 🛠️ Requirements

- Node.js 22.0.0 or newer
- Chrome/Chromium browser (automatically managed by Lighthouse)
- VS Code, Cursor, Windsurf, Claude Desktop, or any other MCP client

## 🚀 Getting Started

Install the Lighthouse MCP server with your preferred client using one of the configurations below:

```json
{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["@danielsogl/lighthouse-mcp@latest"]
    }
  }
}
```

### Persistent Chrome Profiles (Login Sessions)

If you need authenticated sessions, launch with a persistent Chrome profile and run headed:

```json
{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": [
        "@danielsogl/lighthouse-mcp@latest",
        "--profile-path",
        "<profile-path>",
        "--no-headless"
      ]
    }
  }
}
```

You can pass extra Chrome flags with `--chrome-flag`, for example `--chrome-flag=--disable-gpu`.
If the flag value starts with `--` and matches a known option name, prefer `--chrome-flag=...` to avoid parsing it as a top-level option.
Profile mode disables Lighthouse's storage reset so cookies and local storage persist between runs.
If `--user-data-dir` points to a missing directory, it will be created and treated as a fresh profile.
Set `--profile-path` to the Profile Path shown in `chrome://version` (e.g. `.../Default`).
Note: Chrome's remote debugging requires a non-default user data directory, so reuse a dedicated profile directory instead of the system default.
You can also pass `--user-data-dir` + `--profile-directory` separately if you prefer.
Attaching with `--chrome-port` alone does not preserve storage; include a profile flag to keep sessions.

### CLI Options

Supported runtime flags for the MCP server:

- `--profile-path <path>`: use the Profile Path from `chrome://version` (auto-derives user data dir + profile name)
- `--user-data-dir <path>`: reuse a Chrome profile directory for persistent sessions
- `--profile-directory <name>`: select a profile within the user data dir
- `--chrome-flag <flag>` or `--chrome-flag=<flag>`: pass through extra Chrome flags (repeatable)
- `--chrome-port <port>` or `--remote-debugging-port <port>`: attach to an existing Chrome instance launched with remote debugging enabled
- `--headless`: force headless mode
- `--no-headless`: force headed mode

### E2E Smoke Test (Profile)

Run a real audit with a persistent profile (use an existing profile directory and log in once if needed):

```bash
npm run smoke:profile -- --url https://example.com \
  --profile-path "<profile-path>" \
  --no-headless
```

### E2E Smoke Test (Attach to Existing Chrome)

Start Chrome with remote debugging enabled:

```bash
/path/to/GoogleChromeExecutable \
  --remote-debugging-port=9222 \
  --user-data-dir /path/to/chrome-profile
```

Replace `/path/to/GoogleChromeExecutable` with your platform's Chrome/Chromium binary path.

Then attach Lighthouse to that instance:

```bash
npm run smoke:profile -- --url https://example.com --chrome-port 9222
```

To preserve storage when attaching, pass the profile path so Lighthouse keeps cookies/local storage:

```bash
npm run smoke:profile -- --url https://example.com \
  --chrome-port 9222 \
  --profile-path "<profile-path>"
```

### Install in VS Code

[<img src="https://img.shields.io/badge/VS_Code-Install_Server-0078d4?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code">](https://code.visualstudio.com/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522lighthouse%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540danielsogl%252Flighthouse-mcp%2540latest%2522%255D%257D)

[<img src="https://img.shields.io/badge/VS_Code_Insiders-Install_Server-1f8b34?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code Insiders">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522lighthouse%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540danielsogl%252Flighthouse-mcp%2540latest%2522%255D%257D)

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

You can also install the Lighthouse MCP server using the VS Code CLI:

```bash
# For VS Code
code --add-mcp '{"name":"lighthouse","command":"npx","args":["-y","@danielsogl/lighthouse-mcp@latest"]}'

# For VS Code Insiders
code-insiders --add-mcp '{"name":"lighthouse","command":"npx","args":["-y","@danielsogl/lighthouse-mcp@latest"]}'
```

After installation, the Lighthouse MCP server will be available for use with your GitHub Copilot agent in VS Code.

</details>

### Install in Cursor

[![Install MCP Server](https://cursor.com/deeplink/mcp-install-dark.svg)](https://cursor.com/install-mcp?name=lighthouse&config=eyJjb21tYW5kIjoibnB4IC15IEBkYW5pZWxzb2dsL2xpZ2h0aG91c2UtbWNwQGxhdGVzdCJ9)

<details>
<summary><b>Manual Cursor Installation</b></summary>

Go to `Cursor Settings` → `MCP` → `Add new MCP Server`. Name it "lighthouse", use `command` type with the command `npx @danielsogl/lighthouse-mcp@latest`:

```json
{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["@danielsogl/lighthouse-mcp@latest"]
    }
  }
}
```

</details>

### Install in Windsurf

[<img src="https://img.shields.io/badge/Windsurf-Install_Server-00d4aa?style=for-the-badge" alt="Install in Windsurf">](windsurf://mcp/install?name=lighthouse&command=npx&args=@danielsogl/lighthouse-mcp@latest)

<details>
<summary><b>Manual Windsurf Installation</b></summary>

Follow the Windsurf MCP [documentation](https://docs.windsurf.com/windsurf/cascade/mcp). Use the following configuration:

```json
{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["@danielsogl/lighthouse-mcp@latest"]
    }
  }
}
```

</details>

### Install in Claude Desktop

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

Follow the MCP install [guide](https://modelcontextprotocol.io/quickstart/user), use the following configuration:

```json
{
  "mcpServers": {
    "lighthouse": {
      "command": "npx",
      "args": ["@danielsogl/lighthouse-mcp@latest"]
    }
  }
}
```

</details>

## 🔧 Available Tools

The Lighthouse MCP server provides the following tools for comprehensive web analysis:

### 🏁 Audit Tools

| Tool                      | Description                                 | Parameters                                     |
| ------------------------- | ------------------------------------------- | ---------------------------------------------- |
| `run_audit`               | Run a comprehensive Lighthouse audit        | `url`, `categories?`, `device?`, `throttling?` |
| `get_accessibility_score` | Get accessibility score and recommendations | `url`, `device?`, `includeDetails?`            |
| `get_seo_analysis`        | Get SEO analysis and recommendations        | `url`, `device?`, `includeDetails?`            |
| `check_pwa_readiness`     | Check Progressive Web App readiness         | `url`, `device?`, `includeDetails?`            |

### ⚡ Performance Tools

| Tool                       | Description                         | Parameters                                             |
| -------------------------- | ----------------------------------- | ------------------------------------------------------ |
| `get_performance_score`    | Get overall performance score       | `url`, `device?`                                       |
| `get_core_web_vitals`      | Get Core Web Vitals metrics         | `url`, `device?`, `includeDetails?`, `threshold?`      |
| `compare_mobile_desktop`   | Compare performance across devices  | `url`, `categories?`, `throttling?`, `includeDetails?` |
| `check_performance_budget` | Check against performance budgets   | `url`, `device?`, `budget`                             |
| `get_lcp_opportunities`    | Find LCP optimization opportunities | `url`, `device?`, `includeDetails?`, `threshold?`      |

### 🔍 Analysis Tools

| Tool                     | Description                   | Parameters                                          |
| ------------------------ | ----------------------------- | --------------------------------------------------- |
| `find_unused_javascript` | Find unused JavaScript code   | `url`, `device?`, `minBytes?`, `includeSourceMaps?` |
| `analyze_resources`      | Analyze all website resources | `url`, `device?`, `resourceTypes?`, `minSize?`      |

### 🔒 Security Tools

| Tool                 | Description                          | Parameters                  |
| -------------------- | ------------------------------------ | --------------------------- |
| `get_security_audit` | Perform comprehensive security audit | `url`, `device?`, `checks?` |

## 💬 Available Prompts

The Lighthouse MCP server includes reusable prompts that help LLMs provide structured analysis and recommendations:

### 📊 Analysis Prompts

| Prompt                     | Description                                      | Parameters                                                      |
| -------------------------- | ------------------------------------------------ | --------------------------------------------------------------- |
| `analyze-audit-results`    | Analyze Lighthouse audit results                 | `auditResults`, `focusArea?`                                    |
| `compare-audits`           | Compare before/after audit results               | `beforeAudit`, `afterAudit`, `changesImplemented?`              |
| `optimize-core-web-vitals` | Get Core Web Vitals optimization recommendations | `coreWebVitals`, `framework?`, `constraints?`                   |
| `optimize-resources`       | Get resource optimization recommendations        | `resourceAnalysis`, `loadingStrategy?`, `criticalUserJourneys?` |

### 📚 Available Resources

The Lighthouse MCP server provides built-in reference resources with essential guidelines and best practices:

| Resource                     | Description                                       | URI                                                   |
| ---------------------------- | ------------------------------------------------- | ----------------------------------------------------- |
| `core-web-vitals-thresholds` | Core Web Vitals performance thresholds            | `lighthouse://performance/core-web-vitals-thresholds` |
| `optimization-techniques`    | Performance optimization techniques and impact    | `lighthouse://performance/optimization-techniques`    |
| `wcag-guidelines`            | WCAG 2.1 accessibility guidelines and issues      | `lighthouse://accessibility/wcag-guidelines`          |
| `seo-best-practices`         | SEO best practices and optimization opportunities | `lighthouse://seo/best-practices`                     |
| `security-best-practices`    | Web security best practices and vulnerabilities   | `lighthouse://security/best-practices`                |
| `budget-guidelines`          | Performance budget recommendations by site type   | `lighthouse://performance/budget-guidelines`          |
| `categories-scoring`         | Lighthouse audit categories and scoring methods   | `lighthouse://audits/categories-scoring`              |
| `framework-guides`           | Framework-specific optimization guides            | `lighthouse://frameworks/optimization-guides`         |

### 🎯 Strategy Prompts

| Prompt                      | Description                                         | Parameters                                              |
| --------------------------- | --------------------------------------------------- | ------------------------------------------------------- |
| `create-performance-plan`   | Generate comprehensive performance improvement plan | `currentMetrics`, `targetGoals?`, `timeframe?`          |
| `create-performance-budget` | Create custom performance budget recommendations    | `currentMetrics`, `businessGoals?`, `userBase?`         |
| `seo-recommendations`       | Generate SEO improvement recommendations            | `seoAudit`, `websiteType?`, `targetAudience?`           |
| `accessibility-guide`       | Create accessibility improvement guide              | `accessibilityAudit`, `complianceLevel?`, `userGroups?` |

### 🔧 Prompt Parameter Details

- **`auditResults`**: JSON audit results from Lighthouse tools
- **`focusArea`**: Specific category to focus on (`"performance"`, `"accessibility"`, `"seo"`, `"best-practices"`, `"pwa"`)
- **`beforeAudit`** / **`afterAudit`**: Lighthouse audit results before and after changes
- **`changesImplemented`**: Description of changes made between audits
- **`currentMetrics`**: Current performance metrics from audits
- **`targetGoals`**: Specific performance targets or business goals
- **`timeframe`**: Timeline for implementing improvements
- **`framework`**: Frontend framework or technology stack
- **`constraints`**: Technical or business constraints
- **`websiteType`**: Type of website (e.g., e-commerce, blog, corporate)
- **`targetAudience`**: Target audience or market information
- **`complianceLevel`**: WCAG compliance level (`"AA"` or `"AAA"`)
- **`userGroups`**: Specific user groups to consider for accessibility

## 📋 Parameter Details

### Common Parameters

- **`url`** (required): The website URL to analyze
- **`device`**: Target device (`"desktop"` or `"mobile"`, default: `"desktop"`)
- **`includeDetails`**: Include detailed audit information (default: `false`)
- **`throttling`**: Enable network/CPU throttling (default: `false`)

### Specific Parameters

- **`categories`**: Lighthouse categories to audit (`["performance", "accessibility", "best-practices", "seo", "pwa"]`)
- **`threshold`**: Custom thresholds for metrics (e.g., `{"lcp": 2.5, "fid": 100, "cls": 0.1}`)
- **`budget`**: Performance budget limits (e.g., `{"performanceScore": 90, "largestContentfulPaint": 2500}`)
- **`resourceTypes`**: Resource types to analyze (`["images", "javascript", "css", "fonts", "other"]`)
- **`minBytes`**: Minimum file size threshold for analysis (default: `2048`)
- **`checks`**: Security checks to perform (`["https", "mixed-content", "csp", "hsts", "vulnerabilities"]`)

## 💡 Usage Examples

### Basic Performance Audit

```javascript
// Get overall performance score
{
  "tool": "get_performance_score",
  "arguments": {
    "url": "https://example.com",
    "device": "mobile"
  }
}
```

### Core Web Vitals Analysis

```javascript
// Check Core Web Vitals with custom thresholds
{
  "tool": "get_core_web_vitals",
  "arguments": {
    "url": "https://example.com",
    "device": "mobile",
    "includeDetails": true,
    "threshold": {
      "lcp": 2.5,
      "fid": 100,
      "cls": 0.1
    }
  }
}
```

### Security Assessment

```javascript
// Comprehensive security audit
{
  "tool": "get_security_audit",
  "arguments": {
    "url": "https://example.com",
    "checks": ["https", "csp", "hsts"]
  }
}
```

### Resource Optimization

```javascript
// Find optimization opportunities
{
  "tool": "analyze_resources",
  "arguments": {
    "url": "https://example.com",
    "resourceTypes": ["images", "javascript"],
    "minSize": 1024
  }
}
```

### Using Reference Resources

Access built-in guidelines and best practices:

```javascript
// Get Core Web Vitals thresholds
{
  "resource": {
    "uri": "lighthouse://performance/core-web-vitals-thresholds"
  }
}

// Access WCAG accessibility guidelines
{
  "resource": {
    "uri": "lighthouse://accessibility/wcag-guidelines"
  }
}

// Get framework-specific optimization guides
{
  "resource": {
    "uri": "lighthouse://frameworks/optimization-guides"
  }
}
```

### Using Prompts for Analysis

```javascript
// Analyze audit results with focused recommendations
{
  "prompt": "analyze-audit-results",
  "arguments": {
    "auditResults": "{...lighthouse audit json...}",
    "focusArea": "performance"
  }
}

// Create a performance improvement plan
{
  "prompt": "create-performance-plan",
  "arguments": {
    "currentMetrics": "{...current performance metrics...}",
    "targetGoals": "Achieve 90+ performance score and sub-2s LCP",
    "timeframe": "3 months"
  }
}

// Compare before/after audit results
{
  "prompt": "compare-audits",
  "arguments": {
    "beforeAudit": "{...before audit results...}",
    "afterAudit": "{...after audit results...}",
    "changesImplemented": "Implemented lazy loading and image optimization"
  }
}
```

## 🎯 Use Cases

- **Performance Monitoring**: Automated performance tracking and Core Web Vitals monitoring
- **Accessibility Compliance**: WCAG 2.1 compliance checking and remediation guidance
- **SEO Optimization**: Technical SEO audits and search engine optimization recommendations
- **Security Assessment**: Vulnerability scanning and security best practice validation
- **Resource Optimization**: Bundle analysis and optimization opportunity identification
- **Performance Budgets**: Automated performance budget monitoring and alerting
- **CI/CD Integration**: Automated quality gates and performance regression detection

## 🏗️ Architecture

The server is built using:

- **[Model Context Protocol SDK](https://github.com/modelcontextprotocol/typescript-sdk)**: For MCP server implementation
- **[Google Lighthouse](https://github.com/GoogleChrome/lighthouse)**: For web performance auditing
- **[Chrome Launcher](https://github.com/GoogleChrome/chrome-launcher)**: For browser automation
- **TypeScript**: For type safety and better developer experience
- **Zod**: For runtime schema validation

## 🤝 Contributing

Contributions are welcome! Please read our [Contributing Guide](./CONTRIBUTING.md) for details on:

- Code style and standards
- Testing requirements
- Pull request process
- Development setup

## 📜 License

This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

## 🔒 Security

For security issues, please see our [Security Policy](./SECURITY.md).

## 📞 Support

- 🐛 **Bug Reports**: [GitHub Issues](https://github.com/danielsogl/lighthouse-mcp-server/issues)
- 💬 **Discussions**: [GitHub Discussions](https://github.com/danielsogl/lighthouse-mcp-server/discussions)
- 📧 **Email**: security@codingrules.ai

## 🙏 Acknowledgments

- Google Lighthouse team for the excellent auditing engine
- Anthropic for the Model Context Protocol specification
- The open source community for continuous inspiration and contributions

---

Built with ❤️ by [Daniel Sogl](https://github.com/danielsogl)