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

Core Web Vitals'ta LCP ana içeriğin görünme hızını, INP etkileşim yanıtını, CLS beklenmeyen yerleşim kaymalarını ölçer. Tek bir hız puanını artırmak yerine kullanıcı akışındaki yavaşlığı bulun.

1. Alan verisi ile laboratuvarı ayırın

PageSpeed Insights'ta gerçek kullanıcı verisi varsa onu ve mobil/masaüstü ayrımını inceleyin. Laboratuvar testi o anki koşullarda teşhis sağlar. Alan verisi zaman penceresiyle toplandığından bugünkü değişiklik hemen rapora yansımayabilir.

2. Eşiklerin anlamı

İyi deneyim için genel eşikler LCP 2,5 saniye veya altı, INP 200 ms veya altı, CLS 0,1 veya altıdır. Değerlendirmede 75. yüzdelik kullanılır. Az trafik varsa sayfa düzeyinde alan verisi bulunmayabilir; veri yokluğunu başarı saymayın.

3. Soruna göre ölçüm alın

Chrome DevTools Performance kaydında sayfa açılışı, menü, arama ve sepete ekleme etkileşimlerini kaydedin. LCP öğesini, uzun main-thread görevlerini ve layout shift olaylarını işaretleyin. Aynı cihaz/ağ koşulunda önce-sonra karşılaştırması yapın.

4. Öncelik sırası

LCP görseli geç keşfediliyorsa HTML'de görünür kılın; sunucu yavaşsa TTFB/DB/cache'i inceleyin. INP yüksekse uzun JavaScript işlerini bölün. CLS yüksekse görsel/reklam alanına boyut ayırın. Bir metrik için tüm scriptleri rastgele kaldırmak form veya ödeme akışını bozabilir.

Kontrol

Ana sayfa yanında ürün, kategori ve yazı şablonlarından örnek test edin. Performans iyileşirken fonksiyonların çalıştığını da doğrulayın. Ayrıntılı uygulama örnekleri için LCP, INP ve CLS rehberlerini ayrı takip edin.

Örnek teşhis kaydı

Bu tablo ölçüm sonucu değildir; kendi raporunuza nasıl aksiyon bağlayacağınızı gösterir. Bir deneyi uyguladıktan sonra aynı cihaz/ağ koşullarında birkaç ölçüm yapın. Alan verisi penceresi güncellenmeden yalnız laboratuvar puanını gerçek kullanıcı iyileşmesi saymayın.