Core Web Vitals Nedir? LCP, INP ve CLS Nasıl Ölçülür?

Üç metrik ve eşikleri

75. yüzdelik şu demektir: sayfanın “iyi” sayılması için ziyaretlerin en az dörtte üçünün eşiğin içinde kalması gerekir. Değerlendirme mobil ve masaüstü için ayrı yapılır; çoğu sitede mobil değerler daha zorludur.

LCP: sayfa ne zaman “yüklenmiş” görünür?

LCP, ekranda görünen en büyük görsel veya metin bloğunun çizildiği anı ölçer; ziyaretçinin “sayfa açıldı” hissine en yakın metriktir. WordPress sitelerde tipik nedenler:

• Sunucunun ilk baytı geç göndermesi (yavaş hosting, önbelleksiz sayfa, ağır eklentiler)
• Sayfanın başındaki büyük görselin sıkıştırılmamış, çok büyük veya tembel yüklenmiş olması
• Görünmeden önce indirilmesi gereken büyük CSS ve yazı tipi dosyaları
• Hero alanının JavaScript ile (ör. slider) sonradan oluşturulması

INP: sayfa tıklamalara ne kadar hızlı tepki veriyor?

INP, ziyaret boyunca yapılan etkileşimlerin (menü açma, sepete ekleme, form alanına yazma) ardından tarayıcının ekranı güncelleyene kadar geçen süreyi ölçer ve en kötülerinden birini raporlar. Tarayıcının ana iş parçacığı uzun JavaScript görevleriyle meşgulse tıklama bekler.

• Sayfa oluşturucuların ve çok sayıda eklentinin yüklediği büyük JavaScript paketleri
• Sohbet, reklam, analitik gibi üçüncü taraf betikler
• Her tıklamada sayfanın büyük bölümünü yeniden hesaplayan temalar ve widget’lar

CLS: sayfa yüklenirken içerik kayıyor mu?

CLS, okurken veya tıklamak üzereyken içeriğin beklenmedik biçimde yer değiştirmesini ölçer. Tıklanmak istenen düğmenin son anda aşağı kayması en bilinen örnektir. Kullanıcının kendi etkileşimiyle hemen sonrasında oluşan kaymalar sayılmaz.

• Genişlik ve yükseklik belirtilmemiş görseller, videolar ve reklam alanları
• Sonradan yüklenip içeriği aşağı iten çerez bildirimleri, duyuru çubukları
• Web yazı tipi geldiğinde farklı genişlikte olduğu için satırların yeniden kırılması
• Boyutu önceden ayrılmamış yerleştirmeler (sosyal medya, harita)

Animasyonlar CSS transform ile yapıldığında düzen kaymasına sayılmaz; top, margin veya height gibi özellikleri değiştiren animasyonlar ise sayılır.

Alan verisi ve laboratuvar verisi

WordPress sitede nasıl ölçülür?

1. 1

   PageSpeed Insights

   pagespeed.web.dev adresinde bir sayfa adresi girin. Üst bölüm alan verisini (varsa), alt bölüm Lighthouse laboratuvar analizini ve iyileştirme önerilerini gösterir.

2. 2

   Search Console

   Deneyim → Core Web Vitals raporu, benzer sayfaları gruplayarak hangi URL gruplarının hangi metrikte sorunlu olduğunu gösterir. Siteyi Search Console’a eklemek bu yüzden önemlidir.

3. 3

   Tarayıcı geliştirici araçları

   Chrome’un Performance paneli, kendi bilgisayarınızda LCP öğesini, düzen kaymalarını ve uzun görevleri tek tek gösterir; nedeni bulmanın en doğrudan yoludur.

4. 4

   Kendi gerçek kullanıcı ölçümünüz

   Google’ın açık kaynak web-vitals kütüphanesi, metrikleri kendi analitik sisteminize göndermenizi sağlar; alan verisinin olmadığı yeni sitelerde işe yarar.

Core Web Vitals sıralamayı ne kadar etkiler?

Google, Core Web Vitals’ın sıralama sistemleri tarafından kullanıldığını belirtir; ancak iyi sayfa deneyiminin tek başına üst sıralarda yer almayı garanti etmediğini ve arama sonuçlarının öncelikle en alakalı içeriği göstermeye çalıştığını da vurgular. Pratikte hız, benzer kalitede içeriklerin arasındaki farkı yaratır ve ziyaretçinin sayfada kalıp kalmamasını doğrudan etkiler. Yani hız, iyi içeriğin yerine geçmez; iyi içeriğin önünde engel olmamalıdır.

Metriklerin tamamını iyileştirmek için izlenecek sıra WordPress site hızlandırma rehberinde; tipik yavaşlık nedenleri WordPress sitesi neden yavaşlar sayfasında.