İçeriğe geç

Rehber

Core Web Vitals Metrikleri ve Sıralamadaki Güncel Önemi

LCP, INP ve CLS metriklerinin ne ölçtüğünü, iyi bir puan almanın pratik yollarını ve bu metriklerin arama sıralamasındaki rolünü anlatıyoruz.

2 dk okumaOrta seviye
Core Web Vitals Metrikleri ve Sıralamadaki Güncel Önemi — editoryal kapak görseli

Core Web Vitals, Google'ın bir sayfanın gerçek kullanıcı deneyimini ölçmek için kullandığı üç temel metrikten oluşur: yükleme hızı (LCP), etkileşime tepki verme hızı (INP) ve görsel kararlılık (CLS). Bu metrikler, arama sıralamasını etkileyen sinyallerden biridir.

Core Web Vitals'ın üç metriği ve her birinin ölçtüğü kullanıcı deneyimi boyutu.
Core Web Vitals'ın üç metriği ve her birinin ölçtüğü kullanıcı deneyimi boyutu.

LCP (Largest Contentful Paint)

LCP, sayfadaki en büyük görünür içeriğin (genellikle bir görsel veya başlık metni) ne kadar sürede yüklendiğini ölçer. İyi bir LCP için 2.5 saniyenin altı hedeflenir. Yavaş sunucu yanıt süresi, render'ı engelleyen kaynaklar ve optimize edilmemiş görseller en yaygın LCP sorunlarıdır.

INP (Interaction to Next Paint)

INP, kullanıcının bir etkileşimde bulunduğu (tıklama, dokunma) andan, sayfanın görsel olarak tepki verdiği ana kadar geçen süreyi ölçer. Bu metrik, önceki First Input Delay (FID) metriğinin yerini almıştır ve sayfanın tüm yaşam döngüsü boyunca etkileşim tepkisini değerlendirir. Ağır JavaScript çalıştırma ve uzun görevler (long tasks) INP'yi kötüleştirir.

İyi, geliştirilmeli ve zayıf eşik değerlerinin metriklere göre gösterimi.
İyi, geliştirilmeli ve zayıf eşik değerlerinin metriklere göre gösterimi.

CLS (Cumulative Layout Shift)

CLS, sayfa yüklenirken içeriğin beklenmedik şekilde kaymasını ölçer; örneğin bir reklamın geç yüklenip sayfadaki metni aşağı itmesi. Görsellere ve reklamlara önceden boyut (width/height) tanımlamak, bu tür kaymaları büyük ölçüde önler.

Pratik iyileştirme adımları

  • Görselleri modern formatlarda (WebP, AVIF) ve doğru boyutlarda sunun; boyut tanımlarını HTML'de belirtin.
  • Render'ı engelleyen CSS ve JavaScript dosyalarını asenkron yükleyin veya kritik olmayanları erteleyin.
  • Üçüncü taraf betikleri (analitik, reklam, chat widget) gerektiği kadar sınırlı tutun; her biri INP'yi kötüleştirebilir.
  • Bir CDN kullanarak sunucu yanıt süresini kullanıcıya yakın sunuculardan kısaltın.

Sık sorulan sorular

Core Web Vitals tek başına sıralamayı belirler mi?

Hayır, içerik kalitesi ve alaka düzeyi hâlâ çok daha ağırlıklı sinyaller; Core Web Vitals eşit derecede iyi içerikler arasında bir ayırt edici olarak devreye giriyor.

Mobil ve masaüstü puanları neden farklı?

Mobil cihazlar genellikle daha sınırlı işlem gücü ve daha yavaş ağ bağlantısına sahip olduğu için metrikler ayrı ölçülür ve genellikle mobil puanlar daha kritik değerlendirilir.

Özet

Core Web Vitals; LCP, INP ve CLS metrikleriyle gerçek kullanıcı deneyimini ölçer. Görsel optimizasyonu, JavaScript yönetimi ve düzen kararlılığına odaklanan iyileştirmeler bu üç metrikte de belirgin fark yaratabilir.

Kategoriler

Etiketler

Kaynaklar

  1. web.dev — Core Web Vitals

Paylaş