Core Web Vitals Nedir? LCP, INP ve CLS Nasıl İyileştirilir?

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için tanımladığı üç metrikten oluşuyor. Bu metrikler hem sıralama sinyali hem de dönüşüm oranını doğrudan etkileyen göstergeler.

Üç metrik ve eşik değerleri

LCP (Largest Contentful Paint) — yükleme hızı. Sayfadaki en büyük içerik öğesinin ekranda görünme süresi. İyi kabul edilen değer 2,5 saniyenin altı.

INP (Interaction to Next Paint) — etkileşim gecikmesi. Kullanıcının bir tıklamasına sayfanın görsel olarak yanıt verme süresi. İyi kabul edilen değer 200 milisaniyenin altı. Bu metrik, 2024'te FID'nin yerini aldı.

CLS (Cumulative Layout Shift) — görsel kararlılık. Sayfa yüklenirken içeriğin ne kadar kaydığını ölçer. İyi kabul edilen değer 0,1'in altı.

Ölçüm, sitenizin tüm sayfalarında gerçek kullanıcı verisine dayanır. Bu yüzden kendi bilgisayarınızda hızlı açılan bir sitenin saha verisi kötü olabilir.

LCP nasıl iyileştirilir?

LCP'yi belirleyen öğe genellikle hero görseli veya büyük bir başlık bloğudur.

• Görsel formatı. WebP veya AVIF kullanın; JPEG'e göre benzer kalitede belirgin ölçüde küçük dosyalar üretirler.
• Boyutlandırma. Ekranda 800 piksel görünen bir görseli 3000 piksel genişliğinde sunmayın. Duyarlı görsel (srcset) kullanın.
• Öncelik. Ekranın üst kısmındaki ana görsele yükleme önceliği verin, geri kalan görselleri geciktirmeli (lazy) yükleyin.
• Sunucu yanıt süresi. TTFB 600 ms'nin üzerindeyse önce barındırma ve önbellekleme tarafına bakın.
• Yazı tipleri. Web fontlarını önceden yükleyin ve font-display: swap kullanarak metnin font inerken de görünmesini sağlayın.

INP nasıl iyileştirilir?

INP sorunları neredeyse her zaman JavaScript kaynaklıdır.

• Ana iş parçacığını uzun süre bloke eden görevleri bölün.
• Kullanılmayan üçüncü taraf betiklerini kaldırın. Sohbet widget'ları, ısı haritası araçları ve reklam betikleri en sık suçlulardır.
• Analitik ve pazarlama betiklerini sayfa etkileşime hazır olduktan sonra yükleyin.
• Büyük listelerde sanallaştırma kullanın.

CLS nasıl iyileştirilir?

CLS, çoğunlukla yer ayrılmamış öğelerden kaynaklanır.

• Her görsel ve video için width ve height niteliklerini belirtin; tarayıcı yeri önceden ayırsın.
• Reklam ve gömülü içerik alanlarına sabit yükseklik verin.
• İçeriği yukarıdan aşağı iten dinamik bildirim çubuklarından kaçının; bunları sayfanın üstüne değil, mevcut akışın dışına konumlandırın.
• Web fontu değişiminde oluşan kaymayı azaltmak için yedek fontun metrik olarak yakın olmasına dikkat edin.

Ölçüm araçları

• PageSpeed Insights: Hem laboratuvar hem saha verisi gösterir. Saha verisi (CrUX) gerçek kullanıcı deneyimini yansıtır.
• Search Console → Sayfa deneyimi: Site genelinde hangi URL gruplarının sorunlu olduğunu toplu görürsünüz.
• Chrome DevTools → Performance: Uzun görevleri ve hangi betiğin ana iş parçacığını bloke ettiğini ayrıntılı inceler.

Sıralamaya etkisi ne kadar?

Core Web Vitals, tek başına sıralamayı belirleyen bir faktör değil. İçerik kalitesi ve alaka düzeyi hâlâ çok daha ağır basıyor. Ancak yakın kalitedeki iki sayfa arasında hız bir ayrıştırıcı hâline gelir. Daha önemlisi: yavaş açılan sayfada kullanıcı çıkış yapar, dolayısıyla dönüşüm oranınız düşer. Bu yüzden hız optimizasyonunu yalnızca SEO için değil, gelir için de yapmak gerekir.

---

Sitenizin Core Web Vitals durumunu ücretsiz analiz etmemi isterseniz iletişim sayfasından yazabilirsiniz.