Web Perf

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.

₺369 tek seferlik
Bir kit içine ekle →

Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok

  • Tür Skill
  • Kategori Geliştirme
  • Teslimat E-posta · anında
  • Lisans Tek seferlik
Çalışma önizlemesi
forgehouse, web-perf

Çalışmanın içinden · kara kutu yok

Satın almadan önce işin kendisini gö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.
Kullanım senaryoları · taktığında neler oluyor

Tek güç kaynağı. 6 hat dışarı.

web-perf · çekirdek

çekirdek aktif · 6 hat

  1. Sayfa yükleme performansını denetlemek veya profillemek

    ✓ sayfa yükleme performans…
  2. Düşük bir Lighthouse veya PageSpeed puanını teşhis etmek

    ✓ düşük bir lighthouse veya
  3. Gerçek LCP elementini ve dağılımını bulmak

    ✓ gerçek lcp elementini ve
  4. Seri bağımlılık zincirleri için ağ şelalelerini izlemek

    ✓ seri bağımlılık zincirleri
  5. Görünmez CLS kaynaklarını (font değişimi, reklam yuvası) tespit etmek

    ✓ görünmez cls kaynaklarını
  6. Kod tabanını tree-shaking ve ölü kod açısından analiz etmek

    ✓ kod tabanını tree-shaking
Kazanımlar · elinde kalanlar

Aldıkların sende kalır.

Zamanı ileri sar. Ne kaldığını izle.

Sonsuza dek

Sahip olmak tam olarak bu.

Kiralık yığın

yapay zekâ yazım aracı: abonelik

süresi doldu · erişim gitti

analiz paketi: abonelik

süresi doldu · erişim gitti

tasarım platformu: abonelik

süresi doldu · erişim gitti

(geriye bir şey kalmadı)

Senin ocağın

  1. Çabayı, hız kazancının %80'ini sağlayan 3-5 düzeltmeye odaklayın (Pareto)

    lisans: kalıcı
  2. Her öneriyi tahmini kazanılan milisaniye cinsinden sayısallaştırın

    lisans: kalıcı
  3. Yanlış güveni önlemek için laboratuvar verisini gerçek kullanıcı verisinden ayırın

    lisans: kalıcı
  4. Sıfır etkili sorun olmayanları atlayın ve sitenin zaten mükemmel olduğunu fark edin

    lisans: kalıcı

abonelikler biter · tapular bitmez

Ne içerir · eksiksiz manifest

Kutudaki her şey.

Bir parçayı eline al. Çalışırken izle.

5 fazlı denetim (iz → CWV → ağ → erişilebilirlik → kod tabanı)

parça 01 / 06 · kutuda

6 parça · tek çalışan sistem · e-postayla anında teslim

Kimler için

Bu herkes için dövülmedi.

  • Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
  • Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
  • Tahmin etmekten memnunsan, sana göre değil.
Hâlâ burada mısın? Güzel.

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.

o zaman bu senin için dövüldü.

Hangi AI ile çalışır

Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.

  • Claude Yerleşik biçim
  • ChatGPT Açık standartla uyarlanır
  • Gemini Açık standartla uyarlanır
  • Cursor Açık standartla uyarlanır
  • Copilot Açık standartla uyarlanır
Sorular · hâlâ havada

Aklındakini yakala.

hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar

  1. 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.

  2. Ö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.

  3. 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.

  4. Nasıl teslim edilir?

    Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.

  5. Tek seferlik mi, abonelik mi?

    Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.

  6. İade alabilir miyim?

    Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.