Google 2021'den itibaren sayfa deneyimini doğrudan sıralama faktörü olarak değerlendiriyor. Bu değerlendirmenin merkezinde Core Web Vitals adı verilen üç metrik var. Rakiplerinizin önüne geçmek istiyorsanız bu sayıları anlamanız ve iyileştirmeniz şart.
Core Web Vitals, Google'ın bir web sayfasının kullanıcı deneyimini ölçmek için belirlediği üç temel performans metriğidir. Yükleme hızı, etkileşim süresi ve görsel kararlılık — her biri farklı bir kullanıcı deneyimi boyutunu ölçüyor ve her birinin belirli bir eşik değeri var.
LCP (Largest Contentful Paint), sayfanın en büyük görsel veya metin bloğunun ekranda belirmesi için geçen süreyi ölçüyor. Bu genellikle hero görseli, büyük bir başlık veya banner oluyor.
İyi: 2,5 saniyenin altı · İyileştirme gerekli: 2,5–4 saniye · Kötü: 4 saniyenin üzeri
LCP skorunuzu düşüren en yaygın nedenler: optimize edilmemiş hero görseli, yavaş sunucu yanıt süresi ve render-blocking kaynaklar. Çözüm için hero görselini WebP formatına çevirin, preload etiketi ekleyin ve sunucu yanıt süresini 200 ms altında tutmayı hedefleyin.
INP (Interaction to Next Paint), kullanıcının sayfayla etkileşime girdiği andan — bir butona tıklama, form doldurma, menü açma — ekranın güncellendiği ana kadar geçen süreyi ölçüyor. Google, 2024'te eski FID metriğinin yerini INP'ye bıraktı.
İyi: 200 ms altı · İyileştirme gerekli: 200–500 ms · Kötü: 500 ms üzeri
INP'yi olumsuz etkileyen başlıca etkenler ağır JavaScript yükü ve uzun görevler. Ana iş parçacığını bloke eden büyük JS dosyalarını parçalara bölün, kullanılmayan kodu kaldırın ve kritik olmayan scriptleri geciktirerek yükleyin.
CLS (Cumulative Layout Shift), sayfa yüklenirken öğelerin beklenmedik biçimde yer değiştirmesini ölçüyor. Okumak üzere olduğunuz bir metni bir reklamın aşağı itmesi ya da tıklamak istediğiniz butonun kayması — bunlar yüksek CLS'in belirtisi.
İyi: 0,1 altı · İyileştirme gerekli: 0,1–0,25 · Kötü: 0,25 üzeri
CLS sorunlarının büyük çoğunluğu boyut tanımlanmamış görseller ve dinamik olarak yüklenen içeriklerden kaynaklanıyor. Her görsele HTML'de width ve height değeri verin, reklam alanları için yüklenmeden önce yer ayırın, web fontlarını font-display: swap ile yükleyin.
Google PageSpeed Insights her iki platformda da (mobil ve masaüstü) anlık ölçüm yapıyor ve tam olarak neyin düzeltilmesi gerektiğini öncelik sırasıyla listeliyor. Google Search Console'da ise Core Web Vitals raporunu bulabilirsiniz — bu rapor sitenizin gerçek kullanıcı verilerini yansıtıyor, yani laboratuvar koşullarından farklı olarak sahadan gelen sonuçları gösteriyor.
Chrome DevTools'un Lighthouse sekmesi de her sayfayı ayrı ayrı test etmenizi sağlıyor. Özellikle geliştirme sürecinde her değişiklikten sonra skoru kontrol etmek için pratik bir araç.
Core Web Vitals optimizasyonu yalnızca kod ve görsel tarafında değil, sunucu tarafında da başlıyor. Sunucu yanıt süresi (TTFB — Time to First Byte) 200 ms altında olmalı. Bu eşiğin üzerindeyseniz eklentilerden önce hosting altyapınızı gözden geçirin. SSD diskler, yeterli RAM ve sunucu tarafı önbellekleme bu metriği doğrudan etkiliyor.
