Core Web Vitals: Hız ve Performans İyileştirme Rehberi
Core Web Vitals skorlarınız düşükse Google sıralamalarınız düşer. LCP, INP ve CLS metriklerini nasıl iyileştireceğinizi bu rehberde adım adım anlatıyoruz.
2025 itibarıyla Google, kullanıcı deneyimini Core Web Vitals (CWV) skorlarıyla ölçüyor. LCP, INP ve CLS metrikleriniz zayıfsa sıralamalarınız, reklam kalite puanlarınız ve dönüşüm oranlarınız geriliyor. Bu rehberde CWV'yi ölçmek, yorumlamak ve iyileştirmek için gereken tüm adımları bulacaksınız.
Core Web Vitals Nedir?
- LCP (Largest Contentful Paint): Ana içeriğin yüklenme süresi. <2.5 sn hedeflenir.
- INP (Interaction to Next Paint): Etkileşime verilen tepki süresi. <200 ms idealdir.
- CLS (Cumulative Layout Shift): Yükleme sırasındaki kaymalar. <0.1 olmalıdır.
Bu metrikleri Google Search Console, PageSpeed Insights ve Chrome User Experience Report (CrUX) üzerinden takip edebilirsiniz.
Ölçüm İçin Kullanabileceğiniz Araçlar
- PageSpeed Insights: URL bazlı rapor, hem laboratuvar hem gerçek kullanıcı verisi sağlar.
- Lighthouse (Chrome DevTools): Lokal testler ve optimizasyon önerileri.
- WebPageTest: Gelişmiş waterfall analizi.
- New Relic / Datadog: Canlı izleme ve alert sistemi.
Haftalık raporlama için PageSpeed sonuçlarını Notion veya Sheets tablosunda saklayın. Trend takibi problemlerin büyümeden çözülmesini sağlar.
LCP Nasıl İyileştirilir?
- Hero görselini optimize edin (AVIF/WebP, 100KB altı hedef).
- Critical CSS tek dosyada inline verin.
- Server response süresini <200ms tutmak için CDN kullanın.
- Lazy load'u sayfa altındaki görsellerle sınırlayın.
Başlangıç noktası olarak mobil uyumlu web sitesi rehberimiz ve profesyonel tasarım sürecimiz size yol gösterebilir.
INP Nasıl Düşürülür?
- JavaScript paketlerinizi parçalara ayırın, gereksiz kütüphaneleri kaldırın.
- Etkileşim sırasında çalışan fonksiyonları optimize edin, requestAnimationFrame kullanın.
- Form doğrulama ve animasyonlarda web worker düşünün.
- Üçüncü parti scriptleri (chat, analytics) geciktirin veya tetikleyiciye bağlayın.
CLS Sorunlarını Çözmek İçin Kontrol Listesi
- Görsel ve video etiketlerine her zaman width/height belirtin.
- Dinamik içerikler için (ads, embed) min-height reservasyonu yapın.
- Sistem fontu fallback'lerini ayarlayın, FOIT/FOUT azaltın.
- Sticky bar veya popup açıldığında body margin değerlerini güncelleyin.
Teknik İyileştirme Planı
| Adım | Sorumlu | Araç | Çıktı |
|---|---|---|---|
| 1. Ölçüm | Frontend | Lighthouse CI | Haftalık rapor |
| 2. Prioritization | PM/SEO | Trello/Jira | Backlog kartları |
| 3. Geliştirme | Frontend | Next.js + Turbopack | Performans patch'i |
| 4. Doğrulama | QA | WebPageTest | Öncesi/sonrası karşılaştırma |
Bakım süreçlerinde bu adımları aylık döngüye oturtmak için web sitesi bakım paketlerimizden faydalanabilirsiniz.
Sıkça Sorulan Sorular
Core Web Vitals kaç günde etkisini gösterir?
Search Console raporlarında 28 günlük hareketli ortalama kullanılır. Değişiklikler genellikle 2-4 hafta içinde grafiğe yansır.
Yalnızca CDN kullanmak yeterli mi?
CDN önemli bir adım olsa da render blocking scriptler, ağır CSS veya büyük görseller varsa tek başına yeterli değildir. Kod optimizasyonu şarttır.
WordPress sitelerde CWV nasıl yükselir?
Hafif tema, minimum eklenti, server-level caching (Redis), HTTP/3 desteği ve optimize edilmiş görseller ile kısa sürede sonuç alınabilir.
SPA yapısı CWV'yi olumsuz etkiler mi?
SSR/SSG tercih edildiğinde sorun yaşanmaz. Next.js gibi frameworkler ile hydration sürecini kontrol ederek CWV skorlarını üst düzeyde tutabilirsiniz.
Core Web Vitals raporlarında URL grupları neden birleşiyor?
Google benzer sayfa şablonlarını tek grupta raporlar. Sorunlu sayfayı bulmak için örnek URL'yi test edin, şablon düzeyinde düzeltme yapın.
Sonuç
Core Web Vitals yalnızca SEO için değil, kullanıcı deneyimi ve dönüşüm için de kritik. Performans iyileştirme çalışmalarını sprint planınıza dahil ederek sürdürülebilir avantaj elde edebilirsiniz.
İletişime geçin ya da proje teklif formumuzu doldurarak Core Web Vitals odaklı performans optimizasyon hizmetimizle tanışın.
