Core Web Vitals; Google'ın kullanıcı deneyimini ölçmek için kullandığı, yükleme hızı (LCP), etkileşim gecikmesi (INP) ve görsel kararlılık (CLS) metriklerinden oluşan performans standartlarıdır.
Kritik Render Yolu
LCP ve TTFB optimizasyonu için kaynaklar sıralanır.
Görsel Kararlılık
CLS ve Aspect Ratio yönetimi sağlanır.
Etkileşim Reaktivitesi
INP ve Main Thread optimizasyonu yapılır.
Kaynak Önceliklendirme
Preload, Preconnect ve Lazy Loading stratejileri uygulanır.
1. Core Web Vitals Neden Modern SEO'nun Teknik Temelidir?
Kullanıcılar 3 saniyeden geç yüklenen bir siteyi terk eder. Core Web Vitals, sadece Google'ın bir sıralama faktörü değil; kullanıcı tutma (Retention) ve dönüşüm (Conversion) oranlarının temel belirleyicisidir. Hızlı bir site, kullanıcıya "profesyonel ve güvenilir" olduğunuzu hissettirir.
Uzman Görüşü: Gerçek Kullanıcı Verileri (CrUX)
Lighthouse skorlarına takılmayın. Google sıralamada sizin laboratuvar verilerinize (Lab Data) değil, Chrome kullanıcılarından gelen gerçek saha verilerine (Field Data) bakar. 28 günlük periyottaki gerçek kullanıcı deneyimi her şeydir.
2. LCP, CLS ve INP Metrikleri İçin Kritik Performans Karşılaştırması
Browser'ın bir sayfayı render ederken izlediği "Kritik Render Yolu" üzerinde her metriğin farklı bir ağırlığı vardır. İyi bir kullanıcı deneyimi için bu metotların dengeli uygulanması gerekir:
| Teknik Metot | İşleyiş Mantığı | SEO Etkisi |
|---|---|---|
| Preload | Kritik kaynakların (font, ana görsel) önceden yüklenmesi. | LCP süresini doğrudan aşağı çeker. |
| Preconnect | Üçüncü taraf sunucularla (API, CDN) önceden el sıkışma. | DNS ve TLS gecikmelerini elimine eder. |
| Lazy Loading | Görüntü alanı dışındaki varlıkların yüklenmesinin ertelenmesi. | Bant genişliğini korur, başlangıç hızını artırır. |
3. Adım Adım Sayfa Hızı ve Kullanıcı Deneyimi Optimizasyonu Rehberi
LCP ve TTFB Yönetimi
Görsel varlıklar için fetchpriority="high" kullanın. CDN ve sunucu tarafı önbellekleme ile ilk bayt ulaşım süresini (TTFB) 200ms altına çekin.
CLS ve Görsel Stabilite
Görüntülere 'aspect-ratio' veya sabit width/height değerleri atayarak layout kaymalarını engelleyin. Reklam alanlarını önceden rezerve edin.
INP ve Main Thread Optimizasyonu
Uzun süren JavaScript görevlerini (Long Tasks) parçalara bölün veya Web Workers kullanarak ana iş parçacığını rahatlatın.
4. "JS Framework Kullanımı" - SPA Sitelerde Performans Nasıl Korunur?
React veya Next.js gibi frameworkler kullanırken en büyük risk, ana iş parçacığının (Main Thread) aşırı yüklenmesidir. Bu durumda 'Hydration' maliyetini düşürmek için 'Streaming SSR' veya 'Partial Hydration' gibi ileri seviye tekniklere odaklanmalısınız. Aksi halde teknik skorlarınız iyi olsa bile, kullanıcının hissettiği 'etkileşim gecikmesi' (INP) sıralamanızı aşağı çekecektir.
5. Web Core Vitals ve Sayfa Deneyimi Hakkında Teknik Sorular
Mobil ve masaüstü skorlarım neden bu kadar farklı?
Çünkü Google, mobil testleri çok daha düşük işlemci ve internet hızıyla simüle eder (Throttling). Gerçek kullanıcı dünyası mobildir ve Google 'Mobile-First Indexing' felsefesiyle mobil skoru önceliklendirir.
Her sayfanın skoru ayrı ayrı mı hesaplanır?
Evet, ancak Google eğer spesifik bir sayfa için yeterli veriye sahip değilse, aynı şablondaki diğer sayfaların verilerine veya tüm sitenin ortalama skoruna bakarak karara varabilir.
İlgili Diğer Başlıklar
Teknik SEO: Altyapı ve Performans
Teknik SEO; Web site alt yapısının (Sunucu, Kod Yapısı, Hız), arama motoru botlarının siteyi sorunsuz tarayabileceği (Crawling) ve anlamlandırabileceği (Indexing) standartlara getirilmesidir.
Log Analizi ve Bot Davranışları
Log Analizi; web sunucusu kayıtlarını (Access Logs) inceleyerek, arama motoru botlarının (Googlebot, Bingbot) site üzerindeki davranışlarını, tarama frekansını ve karşılaştığı hataları analiz etme yöntemidir.