Claude Код 👁 3

Chrome DevTools MCP в Claude: почему тормозит сайт

Промпт для Claude: через Chrome DevTools MCP меряет LCP, CLS и INP на медленной сети, находит тяжёлые файлы и скрипты, даёт правки по выгоде. На сайте ничего не меняет.

Промпт Запустить →
Промокод — до 50% бонусами к первому пополнению в most-ai
Разберись, почему страница медленно открывается, через Chrome DevTools MCP.

Страница: [АДРЕС: адрес страницы, которую проверяем]
Как её открывают: [УСТРОЙСТВО: телефон на мобильном интернете]

Порядок:
1. Открой страницу в чистом профиле, включи эмуляцию устройства и замедление сети под то, как её открывают на самом деле.
2. Запиши трассу загрузки и назови три метрики: LCP — когда показалось главное, CLS — прыгает ли вёрстка, INP — как быстро страница отвечает на нажатие. Для каждой — значение и граница «хорошо».
3. По трассе и вкладке сети найди, что задерживает главное: тяжёлые картинки, блокирующие скрипты и стили, шрифты, сторонние виджеты. Для каждого — размер, время и кто его загружает.
4. Посмотри консоль: какие ошибки и предупреждения появляются при загрузке.

Отчёт — список правок по выгоде: что сделать, что это даст по метрике или в секундах, насколько сложно.

Исключено: входить в личный кабинет и открывать страницы с персональными данными; менять что-либо на сайте; советы без привязки к найденному файлу или запросу.

Перед выдачей повтори замер, если первую правку можно проверить прямо в браузере — например, заблокировать сторонний скрипт, — и сравни цифры до и после.
Запустить промпт →

Похожие промпты

Claude
Playwright MCP и Claude: сайт глазами посетителя
Claude
n8n MCP и Claude Code: workflow по базе, не по памяти
Claude
GitHub MCP для Claude: разбор задач и пулреквестов
Claude
Figma MCP в Claude Code: вёрстка экрана по макету
Claude
Perplexity MCP: ответ Claude со свежими источниками
Claude
Blender MCP: Claude строит 3D-сцену слоями
Claude
Хук Claude Code против rm -rf и git push --force
Claude
CLAUDE.md для проекта: Claude Code напишет его сам

Пример результата

Как подключить: claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest. Нужны Node.js и свежий Chrome. Сервер официальный, от команды Chrome DevTools (Apache-2.0). Флаг --isolated даёт чистый временный профиль, --headless — работу без окна. Статистику использования Google собирает по умолчанию, отключается флагом --no-usage-statistics. Что получится: три метрики с границами «хорошо» — LCP до 2,5 с, CLS до 0,1, INP до 200 мс. Под ними — что тормозит загрузку, с размером и временем каждого файла, ошибки консоли и список правок: сначала те, что дают больше всего. Совет: мерьте в чистом профиле и с замедлением сети. На рабочем компьютере страница почти всегда летает, а у человека с телефона в метро — нет. Сервер видит всё, что открыто в его окне браузера, поэтому личные кабинеты в нём не открывайте.

Полезные статьи

MCP для Claude: как подключить 7 серверов с промтами
Скилы для Claude: 14 готовых скиллов и как их установить
Промт для логотипа: готовые промпты и где ИИ ошибается

Все гайды →