pagespeed-insights-mcp — MCP-сервер для Claude Code: шесть
Подключает Google PageSpeed Insights и Chrome UX Report к ИИ-клиенту. Пригодится, когда нужно разобрать, почему страница тормозит, и получить список правок.
claude mcp add pagespeed-insights-mcp -e GOOGLE_API_KEY=<GOOGLE_API_KEY> -- npx -y pagespeed-insights-mcpЧто делает pagespeed-insights-mcp
Сервер даёт шесть инструментов вместо одного «прогони PSI по URL». Анализ страницы, данные CrUX по URL и по origin, аудиты Lighthouse, сравнение нескольких страниц и пакетных прогонов, базовые замеры и отслеживание регрессий. Диагностика идёт до уровня элементов: сеть, JavaScript, картинки, блокирующая отрисовка, влияние сторонних скриптов.
Внутри есть движок рекомендаций, который превращает сырые данные Lighthouse в приоритизированный список правок, и разбор скриншотов. Повторные прогоны кешируются. Публикуется на npm, есть в Official MCP Registry и Glama, тесты на Vitest в CI.
Для работы нужен ключ GOOGLE_API_KEY — без него сервер не запустится. Конфигурация для Claude Desktop и Codex добавляет пакет pino-pretty через npx, чтобы логи форматировались нормально; в простом варианте запуска его нет.
Какие задачи решает
- понять, из-за чего страница теряет баллы в Lighthouse
- сравнить скорость нескольких страниц за один прогон
- получить данные о реальных пользователях из CrUX, а не только лабораторные
- зафиксировать базовый замер и ловить регрессии после правок
- найти сторонние скрипты, которые тормозят отрисовку
Примеры запросов агенту
- Прогони
pagespeed_analyze_pageпо адресу главной страницы и покажи, что чинить первым - Сравни мобильные показатели трёх страниц каталога и сведи в таблицу
- Возьми данные CrUX по origin и объясни разницу с лабораторным замером
Как установить pagespeed-insights-mcp
Командой платформы
claude mcp add pagespeed-insights-mcp -e GOOGLE_API_KEY=<GOOGLE_API_KEY> -- npx -y pagespeed-insights-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add pagespeed-insights-mcp --env GOOGLE_API_KEY=<GOOGLE_API_KEY> -- npx -y pagespeed-insights-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"pagespeed-insights-mcp": {
"command": "npx",
"args": [
"-y",
"pagespeed-insights-mcp"
],
"env": {
"GOOGLE_API_KEY": "<GOOGLE_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"pagespeed-insights-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pagespeed-insights-mcp"
],
"env": {
"GOOGLE_API_KEY": "<GOOGLE_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e GOOGLE_API_KEY=<GOOGLE_API_KEY> pagespeed-insights-mcp npx -y pagespeed-insights-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о pagespeed-insights-mcp
Как установить pagespeed-insights-mcp в Claude Code?
Одной командой: claude mcp add pagespeed-insights-mcp -e GOOGLE_API_KEY=<GOOGLE_API_KEY> -- npx -y pagespeed-insights-mcp. Второй вариант — claude mcp add --env GOOGLE_API_KEY=<GOOGLE_API_KEY> --transport stdio pagespeed-insights-mcp -- npx -y pagespeed-insights-mcp.
Что делает pagespeed-insights-mcp?
Отдаёт агенту шесть инструментов для работы с Google PageSpeed Insights и Chrome UX Report: анализ страницы, данные CrUX, аудиты Lighthouse, сравнение страниц, базовые замеры и отслеживание регрессий.
Что нужно для работы сервера?
Ключ GOOGLE_API_KEY — он передаётся в переменных окружения при добавлении сервера. В конфигурациях для Claude Desktop и Codex дополнительно подтягивается пакет pino-pretty для форматирования логов.
