Chrome DevTools MCP + Claude Code — автоматичний performance аудит сайту

Нещодавно Google випустив Chrome DevTools MCP сервер, який дає AI-агентам прямий доступ до Chrome DevTools. Підключив його до Claude Code і протестував.
Що вміє: — Lighthouse аудит (accessibility, SEO, best practices) — Performance trace з Core Web Vitals (LCP, CLS, INP) — Детальний розбір кожної метрики по фазах — Емуляція мобільних пристроїв, мережі, CPU throttling — Скріншоти, DOM snapshot, аналіз мережевих запитівЯк виглядає на практиці: Кажеш Claude "протестуй domain.com" — і він сам відкриває сторінку в Chrome, запускає Lighthouse, знімає performance trace, аналізує render-blocking ресурси, порівнює desktop vs mobile і видає звіт з пріоритизованими рекомендаціями. Наприклад, на тестовому сайті він знайшов: — 78% часу LCP це render delay через 10 блокуючих CSS/JS — 404 на Chart.min.js від плагіна maxicharts — відсутній fetchpriority="high" на hero image — на мобільному LCP на 115ms повільніший через load delay
Встановлення — одна команда: claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
Документація: developer.chrome.com/docs/devtools/agents