Chrome DevTools MCP — Performans & Debug

Google'ın Chrome DevTools MCP sunucusu: Claude gerçek Chrome'da performans trace alır, Core Web Vitals ölçer, console ve network'ü inceler. Frontend performans işlerinin standardı.

# Chrome DevTools MCP — Performans & Debug

Google'ın resmi Chrome DevTools MCP sunucusu. Claude'a gerçek bir Chrome
üzerinde **DevTools yetkileri** verir: performans trace kaydı, Core Web Vitals
(LCP/CLS/INP) ölçümü, console mesajları, network istekleri, CPU/ağ kısma
(throttling). "Sitem neden yavaş?" sorusunu veriyle cevaplatırsın.

- **Çalışma şekli:** Yerel (stdio) — `npx` ile kendi makinende Chrome açar
- **Gereksinim:** Node.js 20+ ve Chrome
- **Kimlik doğrulama:** Yok

## Hızlı kur

```bash
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
```

Ekledikten sonra Claude Code'u yeniden başlat.

## Ne yapar

- Performans trace kaydı + otomatik insight çıkarımı (LCP dökümü, render-blocking kaynaklar)
- Core Web Vitals ölçümü, CPU/ağ throttling ile yavaş cihaz simülasyonu
- Console mesajlarını ve network isteklerini okuma
- Sayfa gezinme, tıklama, form doldurma, ekran görüntüsü
- JavaScript çalıştırma

## Örnekler

> "localhost:3000'in performans trace'ini al, LCP'yi ne geciktiriyor söyle."
> "Ana sayfayı 4x CPU throttle ile ölç, mobilde Web Vitals nasıl?"
> "Şu sayfadaki console hatalarını ve başarısız istekleri listele."

## Not

Playwright MCP ile rolleri farklıdır: Playwright genel otomasyon/test için,
DevTools MCP **performans analizi ve derin debug** için. İkisi birlikte
kurulabilir.