Sayfa Hızı SEO'yu Nasıl Etkiler? Core Web Vitals ve Sıralama İlişkisi

Sayfa Hızı Neden SEO İçin Kritik?

Google, 2021'de Core Web Vitals'ı resmi sıralama faktörü olarak duyurdu. O günden bu yana sayfa hızı yalnızca kullanıcı deneyimi meselesi değil, doğrudan sıralama meselesi hâline geldi. Yavaş yüklenen bir sayfa hem kullanıcıyı kaçırır hem de Google'ın gözünde değer kaybeder.

Araştırmalar net: sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı %32 artıyor. Mobilde bu etki daha da büyük. E-ticaret sitelerinde 100ms'lik gecikme %1 dönüşüm kaybına yol açabiliyor.

Core Web Vitals: 3 Temel Metrik

LCP — Largest Contentful Paint (En Büyük İçerik Boyaması)

Sayfanın görünür alanındaki en büyük içeriğin (görsel, video, büyük metin bloğu) yüklenme süresi. İyi skoru: 2.5 saniye altı.

LCP'yi iyileştirmenin yolları:

• Hero görselleri için fetchpriority="high" ve preload kullanın
• Görüntüleri WebP veya AVIF formatına dönüştürün
• CDN kullanarak sunucu yanıt süresini kısaltın (TTFB hedefi: 800ms altı)
• Render-blocking CSS ve JavaScript'i ortadan kaldırın

INP — Interaction to Next Paint (Etkileşimden Sonraki Boyama)

Kullanıcının sayfayla etkileşimi (tıklama, klavye girişi, dokunma) sonrası sayfanın görsel yanıt süresi. İyi skoru: 200ms altı.

INP sorunlarının çoğu ağır JavaScript'ten kaynaklanır. Main thread'i bloke eden büyük JS bundle'ları, event listener'lar ve senkron layout hesaplamaları INP'yi artırır. Çözüm:

• Code splitting ile gereksiz JS'yi lazy load edin
• Uzun görevleri (long tasks) parçalara bölün
• React gibi framework'lerde gereksiz re-render'ları önleyin

CLS — Cumulative Layout Shift (Kümülatif Düzen Kayması)

Sayfa yüklenirken elementlerin beklenmedik biçimde kayması. Kullanıcı bir düğmeye tıklamak üzereyken reklam yüklenir ve düğme kayar — bu CLS'dir. İyi skoru: 0.1 altı.

CLS'yi düzeltmek genellikle kolaydır:

• Tüm görsellere width ve height attribute'u ekleyin
• Reklamlar ve dinamik içerikler için alan rezerve edin
• Web font yüklenmesinde font-display: swap kullanın

Sayfa Hızını Ölçmek için Araçlar

Hızı doğru ölçmek için birden fazla araç kullanın:

• Google PageSpeed Insights: Hem lab hem alan verisi, URL bazında analiz
• Google Search Console → Core Web Vitals: Gerçek kullanıcı verisi (CrUX), tüm sitenin durumu
• WebPageTest: Gelişmiş ağ simülasyonu ve waterfall analizi
• Lighthouse: CI/CD entegrasyonu için ideal, her deploy'da otomatik kontrol

PageSpeed Analyzer aracımızla sitenizin Core Web Vitals skorlarını hızlıca kontrol edebilirsiniz.

En Etkili Optimizasyon Adımları

Tüm optimizasyonları aynı anda yapmaya çalışmak yerine etkisine göre sıralayın:

1. Görselleri optimize edin: En büyük kazanım buradan gelir. Sıkıştırma + modern format + lazy loading
2. TTFB'yi düzeltin: Hosting kalitesi, CDN ve sunucu taraflı cache kritik
3. JavaScript'i azaltın: Kullanılmayan kütüphaneleri kaldırın, code splitting yapın
4. CSS'i kritik ve kritik olmayan olarak ayırın: Kritik CSS inline, geri kalanı defer
5. Üçüncü parti scriptleri gözden geçirin: Analytics, chat widget, reklam — her biri maliyet ekler

Sayfa hızı optimizasyonu tek seferlik değil, sürekli bir süreçtir. Her yeni özellik eklediğinizde, her yeni üçüncü parti script entegre ettiğinizde performans bütçenizi gözden geçirin.