Core Web Vitals, sayfa yüklenmesi, etkileşim yanıtı ve görsel kararlılığı ölçen üç kullanıcı deneyimi metriğidir. Bir sayfanın laboratuvar puanı iyi olsa da gerçek kullanıcı verisi farklı olabilir; bu nedenle ölçüm kaynağını açıkça belirtin.
LCP için
En büyük görünür öğeyi bulun: çoğu zaman kapak görseli veya büyük başlıktır. Sunucu yanıtını ve önbelleği ölçün. Ana görselin boyutunu ve indirme önceliğini iyileştirin; ilk ekrandaki görseli gereksiz gecikmeli yüklemeye almayın.
INP için
Tıklama veya yazma sonrası gecikmeyi ağır JavaScript, uzun ana iş parçacığı görevleri ve üçüncü taraf betiklerde arayın. Kullanılmayan kodu azaltın; uzun işleri bölün. Menü, arama ve form etkileşimlerini gerçek cihazlarda deneyin.
CLS için
Görsellere ve reklam alanlarına boyut ayırın. Sonradan eklenen banner veya font değişiminin içeriği kaydırıp kaydırmadığını inceleyin. Dinamik içerik için yer tutucu kullanın; kullanıcı eylemi olmadan mevcut içeriğin üstüne blok eklemekten kaçının.
Ölçüm döngüsü
Search Console ve PageSpeed Insights ile sorunlu şablonu belirleyin. Tek değişiklik yapıp önbelleği temizleyin ve aynı URL'de ölçün. Gerçek kullanıcı verisinin değişmesi zaman alır; izleme boyunca işlevlerin bozulmadığını da kontrol edin.
Kaynak: Resmi belge.
