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

Kısa cevap: Core Web Vitals, Google’ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç temel sayfa deneyimi metriğidir. LCP (Largest Contentful Paint) sayfadaki en büyük içeriğin ne kadar sürede göründüğünü, INP (Interaction to Next Paint) tıklama ve dokunmalara sayfanın ne kadar hızlı tepki verdiğini, CLS (Cumulative Layout Shift) ise yükleme sırasında içeriğin ne kadar kaydığını ölçer. Google iyi deneyim için genel olarak LCP’nin 2,5 saniye, INP’nin 200 milisaniye ve CLS’nin 0,1 değerinin altında kalmasını önerir. Bu değerler Search Console ve PageSpeed Insights ile ölçülür; iyileştirme ise görsel optimizasyonu, önbellekleme, gereksiz JavaScript’in azaltılması ve öğelere boyut tanımlanması gibi adımlarla yapılır.

Üç metrik ne anlatır?

• LCP – yükleme: Sayfanın ana içeriğinin, genellikle büyük bir görsel ya da başlık bloğunun, ekranda göründüğü süredir. Yavaş sunucu, büyük görseller ve engelleyici dosyalar LCP’yi uzatır.
• INP – etkileşim: Kullanıcının tıklama, dokunma ve klavye etkileşimlerine sayfanın görsel olarak tepki vermesi için geçen süreyi ölçer. Ağır JavaScript ve uzun süren işlemler INP’yi kötüleştirir. INP, 2024 yılında FID metriğinin yerini almıştır.
• CLS – görsel kararlılık: Sayfa yüklenirken içeriğin beklenmedik şekilde kaymasını ölçer. Boyutu tanımlanmamış görseller, sonradan yüklenen reklamlar, çerez bantları ve yazı tipi değişimleri kaymaya yol açar.

Nasıl ölçülür?

• Saha verisi: Gerçek Chrome kullanıcılarından toplanan verilerdir. Search Console’daki Core Web Vitals raporu ve PageSpeed Insights’ın üst bölümü bu veriyi gösterir; değerlendirme mobil ve masaüstü için ayrı yapılır.
• Laboratuvar verisi: Lighthouse ve PageSpeed Insights’ın test bölümü, sayfayı kontrollü bir ortamda yükleyerek sorunların nedenini gösterir. INP laboratuvarda doğrudan ölçülemediği için yakın bir gösterge olan toplam engelleme süresine bakılır.
• Doğru okuma: Saha verisi yeterli trafik olan sayfalarda oluşur ve değişiklikler birkaç hafta içinde yansır. Tek bir laboratuvar puanı yerine sayfa grupları ve eğilim takip edilir.

Her metrik için iyileştirme adımları

1. LCP için: Sunucu yanıt süresi kısaltılır ve sayfa önbelleği kullanılır; ana görsel doğru boyutta ve modern formatta sunulur, geç yüklemeye alınmaz; kritik olmayan CSS ve JavaScript ertelenir.
2. INP için: Kullanılmayan eklenti ve üçüncü taraf betikler kaldırılır; uzun JavaScript işlemleri bölünür; sohbet, analitik ve reklam betikleri gerekli olduğunda yüklenir.
3. CLS için: Görsel, video ve reklam alanlarına genişlik ve yükseklik tanımlanır; çerez bandı ve duyurular içeriği itmeyecek şekilde yerleştirilir; yazı tipleri kaymayı azaltacak şekilde yüklenir.
4. Kalıcılık için: Tema, eklenti ve içerik değişikliklerinden sonra ölçüm tekrarlanır; performans düzenli bakım planının parçası yapılır.

Genel hız çalışmasını web sitesi hız optimizasyonu, görsel iyileştirmeyi web sitesi görsel optimizasyonu, raporların takibini Google Search Console kurulumu ve kullanımı yazımızda anlattık.

Sık sorulan sorular

Core Web Vitals sıralamayı ne kadar etkiler?

Core Web Vitals, Google’ın sayfa deneyimi sinyallerinden biridir; ancak içeriğin kalitesi ve arama niyetine uygunluğu çok daha belirleyicidir. Benzer kalitede sayfalar arasında iyi deneyim avantaj sağlayabilir ve hızlı sayfa dönüşümleri de olumlu etkiler.

PageSpeed puanı düşük ama Search Console raporu iyi görünüyorsa hangisine güvenilmeli?

Search Console ve PageSpeed Insights’taki saha verisi gerçek kullanıcı deneyimini gösterdiği için değerlendirmede esas alınır. Laboratuvar puanı ise sorunları bulmak ve iyileştirme önceliklerini belirlemek için kullanılır.

WordPress sitede Core Web Vitals nasıl iyileştirilir?

Hafif ve güncel bir tema, sayfa önbelleği, görsel optimizasyonu ve gereksiz eklentilerin kaldırılması çoğu sitede belirgin iyileşme sağlar. Değişiklikler önce test ortamında denenmeli ve sonrasında ölçüm tekrarlanmalıdır. Tema seçimini WordPress tema seçimi yazımızda ele aldık.