Core Web Vitals'taki üç sayı nasıl okunur?
Google sitenizi üç ölçüyle değerlendiriyor: LCP, CLS ve INP. Her birinin neyi ölçtüğünü ve kötü çıktığında ne yapmanız gerektiğini anlatıyorum.
Sitenizi PageSpeed Insights'a yazdınız ve karşınıza renkli bir rapor çıktı. Çoğu kişi yalnızca yuvarlağın içindeki puana bakıyor. Google ise sıralamada o puanı kullanmıyor, altındaki üç ölçüye bakıyor.
Bu üç ölçünün adı Core Web Vitals. Her biri ziyaretçinin yaşadığı ayrı bir sıkıntıyı ölçüyor.
LCP, sayfanın ne zaman dolmuş göründüğü
Largest Contentful Paint, ekrandaki en büyük parçanın ne zaman göründüğünü ölçer. Bu genelde bir kapak görseli ya da büyük bir başlıktır.
İyi: 2,5 saniyenin altı. Kötü: 4 saniyenin üstü.
Kötüyse ne yapmalı?
En büyük görseli küçültün ve WebP'ye çevirin. En sık işe yarayan çözüm bu
O görseli öncelikli olarak işaretleyin ki tarayıcı onu ilk indirsin
Sunucunun ilk yanıt süresine bakın. 600 ms'nin üstündeyse sorunu önce sunucuda arayın
CLS, sayfanın zıplaması
Cumulative Layout Shift, siz okurken içeriğin yerinden kaymasını ölçer. Bir bağlantıya basmak üzereyken üstte bir reklam yüklenir, her şey aşağı kayar ve yanlış yere tıklarsınız. Bunu herkes yaşamıştır.
İyi: 0,1'in altı. Kötü: 0,25'in üstü.
Kötüyse ne yapmalı?
Her görsele genişlik ve yükseklik verin ki tarayıcı yerini baştan ayırsın
Sonradan yüklenen kutulara (reklam, gömülü video, duyuru bandı) sabit bir yükseklik ayırın
Yazı tiplerini font-display: swap ile yükleyin ve ölçüleri benzer bir yedek font seçin
INP, tıklamaya yanıt süresi
Interaction to Next Paint, bir düğmeye bastığınızda ekranın ne kadar sonra tepki verdiğini ölçer. Bu ölçünün yerinde eskiden FID vardı. INP gerçek kullanımı daha iyi yansıttığı için 2024'te onun yerini aldı.
İyi: 200 milisaniyenin altı. Kötü: 500 milisaniyenin üstü.
Kötüyse ne yapmalı?
INP'yi neredeyse her zaman JavaScript bozar. Sayfa açılırken çalışan betikler ana iş parçacığını meşgul ediyorsa, siz tıkladığınızda tarayıcı cevap veremiyor. Kullanmadığınız üçüncü taraf araçları kaldırmak çoğu sitede bu sayıyı tek seferde düzeltiyor.
Laboratuvar verisi ve saha verisi
PageSpeed Insights iki bölüm gösterir. Üstteki "gerçek kullanıcı deneyimi" bölümü, son 28 günde sitenize gelen gerçek ziyaretçilerden toplanan veridir ve Google sıralamada bunu kullanır.
Alttaki "performansı teşhis et" bölümü ise o anda yapılan tek bir test. Neyi düzelteceğinizi gösterir ama sıralamayı etkilemez. Yeni bir sitede üstteki bölüm boş çıkar, çünkü henüz yeterli ziyaretçi verisi birikmemiştir.
Ne sıklıkla bakmalı?
Ayda bir bakmak yeterli. Saha verisi 28 günlük bir aralıktan geliyor, yani bugün yaptığınız düzeltme yarın tabloya yansımıyor. Bir değişikliğin etkisini görmek için birkaç hafta beklemeniz gerekiyor.
Bu üç sayı iyiyse hız tarafında yapacak işiniz kalmamıştır. O noktadan sonra puanı 100'e çıkarmak için uğraşmak ziyaretçiye bir şey kazandırmıyor.