---
title: Web Perf
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/web-perf/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/web-perf/
last_updated: 2026-06-20
---

# Web Perf

> Analyzes web performance using Chrome DevTools MCP.

Core Web Vitals'ı (FCP, LCP, TBT, CLS, Speed Index) ölçen ve render engelleyen kaynakları, ağ bağımlılık zincirlerini, yerleşim kayması nedenlerini ve önbellek boşluklarını tespit eden, Chrome DevTools güdümlü bir web performans denetimi. Etkisini gerçek milisaniye cinsinden sayısallaştırır ve sonucu değiştiren az sayıdaki yüksek kaldıraçlı düzeltmeyi önceliklendirir. Belirsiz 'görselleri optimize et' yerine '450KB hero görselini WebP'ye sıkıştır' gibi somut, uygulanabilir öneriler alırsınız.

## Ne için kullanılır
- Sayfa yükleme performansını denetlemek veya profillemek
- Düşük bir Lighthouse veya PageSpeed puanını teşhis etmek
- Gerçek LCP elementini ve dağılımını bulmak
- Seri bağımlılık zincirleri için ağ şelalelerini izlemek
- Görünmez CLS kaynaklarını (font değişimi, reklam yuvası) tespit etmek
- Kod tabanını tree-shaking ve ölü kod açısından analiz etmek

## Faydalar
- Çabayı, hız kazancının %80'ini sağlayan 3-5 düzeltmeye odaklayın (Pareto)
- Her öneriyi tahmini kazanılan milisaniye cinsinden sayısallaştırın
- Yanlış güveni önlemek için laboratuvar verisini gerçek kullanıcı verisinden ayırın
- Sıfır etkili sorun olmayanları atlayın ve sitenin zaten mükemmel olduğunu fark edin

## Ne içerir
- 5 fazlı denetim (iz → CWV → ağ → erişilebilirlik → kod tabanı)
- Her metrik için Core Web Vitals eşikleri (iyi/iyileştirilmeli/zayıf)
- DevTools içgörüleriyle render engelleme, preload ve önbellek analizi
- Çerçeve/paketleyici tespiti (Webpack, Vite, Next.js, Astro ve daha fazlası)
- LCP yanlış teşhisi, görünmez CLS ve üçüncü taraf TBT için en iyi 5 saha tüyosu
- Core Web Vitals özeti ve kod parçalı düzeltmelerle önceliklendirilmiş çıktı

## Kimler için
Daha hızlı sayfa yüklemesi ve daha iyi Core Web Vitals için kesin ve etki-sayısallaştırılmış bir yol arayan performans mühendisleri ve ön yüz geliştiricileri için.

## Nasıl çalışır
Skill'in Chrome DevTools MCP üzerinden koştuğu gerçek 5 fazlı denetim döngüsü; sonu milisaniye tahminli, Pareto sıralı düzeltme listesine bağlanır, kara kutu yok, yaptığı iş bu:
1. Önce chrome-devtools MCP'nin erişilebilir olduğunu doğrular (navigate_page veya performance_start_trace), sonra hedef sayfayı yükler ve reload açık şekilde soğuk yükleme trace'i kaydeder.
2. Trace'ten performance_analyze_insight ile Core Web Vitals çıkarır: LCPBreakdown (TTFB, kaynak yükleme, render gecikmesi ayrımı), CLSCulprits (boyutsuz görsel, enjekte içerik, font swap), RenderBlocking ve DocumentLatency; her metrik iyi/orta/kötü eşiklerine karşı puanlanır (LCP 2.5s, INP 200ms, CLS 0.1, TTFB 800ms).
3. Tüm ağ isteklerini listeler ve waterfall'u okur: head içindeki render-blocking kaynaklar, seri bağımlılık zincirleri, eksik preload'lar, zayıf Cache-Control başlıkları, şişkin bundle'lar; şüpheli preconnect'ler o origine giden gerçek istek sayılarak doğrulanır.
4. Ayrıntılı erişilebilirlik anlık görüntüsü alır; tekrar eden ARIA ID, WCAG AA kontrast ihlali, eksik focus göstergesi ve isimsiz etkileşimli elemanları işaretler.
5. Kod tabanı erişimi varsa config dosyalarından framework ve bundler'ı tespit eder; tree-shaking, barrel dosyaları, toptan lodash/moment import'ları, şişkin core-js polyfill'leri ve minification ayarlarını denetler.
6. Yalnızca en yüksek etkili 3 ila 5 sorunu raporlar; her biri somut düzeltme ve milisaniye cinsinden tahmini kazançla gelir, sıfır etkili bulgular not edilir ama iş olarak önerilmez.

## Sık sorulanlar
### Lighthouse puanım düşük ama nedenini bilmiyorum, bu denetim nereden başlar?
Beş fazlı akışla: önce iz kaydı, sonra Core Web Vitals ölçümü, ağ şelalesi, erişilebilirlik ve kod tabanı analizi. Gerçek LCP elementini ve dağılımını bulur, render engelleyen kaynakları ve görünmez CLS nedenlerini (font değişimi, reklam yuvası) tek tek işaretler.

### Önerilerin gerçekten işe yarayacağını nereden bileceğim?
Her öneri tahmini kazanılan milisaniye cinsinden sayısallaştırılır ve Pareto mantığıyla en yüksek kaldıraçlı 3-5 düzeltmeye indirgenir. Sıfır etkili sorunları atlar; site zaten iyiyse bunu da açıkça söyler, yapay iş listesi üretmez.

### Bulduğu sorunları kendisi düzeltip siteyi hızlandırır mı?
Hayır. Çıktısı kod parçalı düzeltme önerileriyle önceliklendirilmiş bir teşhis raporudur; görseli sıkıştırmak, preload eklemek veya ölü kodu temizlemek sizin dağıtımınızla olur. Ölçen ve yol gösteren katmandır, uygulayan değil.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile kod inceleme](https://forgehouse.ai/tr/rehberler/yapay-zeka-kod-inceleme/)