Görsel: Pixabay · Pixabay Lisansı
Üç ölçü, üç farklı şikayet
Core Web Vitals, kullanıcıların siteler hakkında en çok şikayet ettiği üç şeyi sayıya döker: geç açılıyor, tıklayınca tepki vermiyor, okurken içerik zıplıyor.
Google bu üç ölçüyü gerçek kullanıcı verisinden toplar. Yani laboratuvar testinde iyi görünmek yetmez, sahadaki ziyaretçilerinizin deneyimi ölçülür.
LCP: en büyük içerik ne zaman göründü?
Sayfanın en büyük görsel ya da metin bloğunun ekrana gelme süresidir. Hedef iki buçuk saniyenin altıdır.
En sık suçlu, geç yüklenen kapak görselidir. Görselin boyutu ekrandaki alanına göre fazla büyükse süre uzar.
İkinci suçlu, render'ı engelleyen kaynaklardır. Yazı tipi dosyasını üçüncü taraf bir alan adından çekmek iki ek bağlantı kurulumu demektir.
Bu sitede yazı tiplerini kendi sunucumuza aldık ve yalnız gereken karakterleri içeren alt kümeye indirdik. Yazı tipi yükü beş yüz kilobayttan doksan beş kilobayta düştü ve iki üçüncü taraf bağlantı ortadan kalktı.
INP: tıklamaya ne kadar geç cevap veriyor?
Kullanıcının her etkileşimine verilen tepki süresini ölçer. Hedef iki yüz milisaniyenin altıdır.
Suçlu genellikle ana iş parçacığını meşgul eden uzun JavaScript işleridir. Üçüncü taraf etiketler, sohbet baloncukları ve ağır analitik kurulumları bu süreyi doğrudan uzatır.
Betikleri ertelemek ve gereksiz olanları kaldırmak çoğu sitede tek başına yeterlidir.
CLS: içerik zıplıyor mu?
Sayfa yüklenirken elemanların yer değiştirmesini ölçer. Hedef binde birin altıdır.
Ana sebep, boyutu belirtilmemiş görsellerdir. Görsel yüklenince altındaki metni aşağı iter.
Çözümü basittir: her görsele genişlik ve yükseklik yazın. Yazı tipi geçişlerinde de yedek yazı tipinin ölçüleri yakın seçilmelidir.
Ölçüm nereden yapılır?
Search Console'daki Sayfa Deneyimi raporu gerçek kullanıcı verisini gösterir ve karar için esas alınması gereken kaynaktır.
PageSpeed Insights tek sayfa için hem saha hem laboratuvar verisi verir. Laboratuvar skoru yüksek ama saha verisi kötüyse, sorun gerçek cihazlarda ve gerçek bağlantılardadır.
Öncelik sırası
Önce LCP'yi düzeltin; en büyük kazanç oradadır. Görseli küçültün, yazı tiplerini yerele alın, render engelleyen kaynakları kaldırın.
Sonra CLS'yi kapatın; görsel boyutları yazmak birkaç saatlik iştir.
INP için üçüncü taraf betikleri gözden geçirin. Her etiketin gerçekten gerekli olup olmadığını sorgulayın.
Ölçüm ile gerçek deneyim arasındaki fark
Laboratuvar testleri sabit bir cihaz ve bağlantı varsayar. Gerçek kullanıcılarınız farklı cihazlarda ve değişken bağlantılarda geziyor.
Bu yüzden iki kaynağı birlikte okuyun: saha verisi ne kadar kötü olduğunu, laboratuvar verisi neden kötü olduğunu söyler.
Saha verisi biriktikçe anlam kazanır; küçük sitelerde yeterli veri toplanması haftalar alabilir.
Sık yapılan üç hata
Birincisi, ana görseli tembel yüklemeye almak. Ekranın üstündeki görsel geciktirilirse en büyük içerik ölçümü doğrudan kötüleşir.
İkincisi, yazı tiplerini geç yüklemek. Metin görünmeden bekleyen sayfa, hem ölçümde hem algıda yavaştır.
Üçüncüsü, üçüncü taraf betikleri sayfanın başına koymak. Bu betikler sayfanın çizilmesini engeller ve etkileşim süresini uzatır.
Bu üç hatanın düzeltilmesi çoğu sitede birkaç saatlik iştir ve ölçülerde en büyük sıçramayı sağlar.
Sık sorulanlar
Core Web Vitals sıralamayı ne kadar etkiler?
Doğrudan ve tek başına belirleyici bir faktör değildir, ancak içerik kalitesi benzer sayfalar arasında ayırt edici olur. Asıl etkisi dönüşüm üzerindedir: yavaş açılan sayfa ziyaretçiyi kaybeder.
Skorum 100 olmalı mı?
Hayır. Hedef, üç ölçünün de "iyi" eşiğinde olmasıdır. Yüz puan peşinde koşmak, kullanıcıya fayda sağlamayan optimizasyonlara zaman harcamak anlamına gelir.
Tek bir yavaş sayfa tüm siteyi etkiler mi?
Değerlendirme sayfa grupları bazında yapılır; benzer yapıdaki sayfalar birlikte değerlendirilir. Bu yüzden bir şablondaki sorun, o şablonu kullanan tüm sayfaları etkiler.
