Site hızı konuşulurken sık geçen bir kısaltma var: LCP. Açılımı Largest Contentful Paint, yani sayfadaki en büyük içeriğin ekranda görünür hale gelme süresi. Genelde bu, bir kapak görseli ya da büyük bir başlık oluyor. Ziyaretçinin gözünde sayfanın açıldığı an, çoğu zaman tam da bu an.

İyi bir LCP değeri nedir sorusunun net bir cevabı var, çünkü Google bunun için açık eşikler yayımlıyor. Ama sadece sayıyı bilmek yetmiyor; o sayının ne anlama geldiğini ve nasıl iyileştirileceğini de bilmek gerekiyor.

Özet: bu yazıdan çıkaracakların

  • LCP, sayfadaki en büyük içeriğin ekranda görünür olma süresini ölçüyor.
  • İyi değer 2,5 saniyenin altı, 2,5 ile 4 arası iyileştirme, üstü kötü.
  • LCP'yi en çok ağır kapak görseli ve yavaş sunucu yanıtı geciktiriyor.
  • En büyük öğeyi bulup önceliklendirmek değeri iyi bölgeye taşımaya çoğu zaman yetiyor.

Google'ın eşikleri ve anlamı

Google'ın Core Web Vitals ölçütlerinde LCP için üç aralık var. 2,5 saniyenin altı iyi kabul ediliyor. 2,5 ile 4 saniye arası iyileştirme gerektiren bölge. 4 saniyenin üstü ise kötü sayılıyor. Bu eşikler benim koyduğum değerler değil, Google'ın dokümante ettiği standartlar.

Önemli bir ayrıntı şu: bu süre sizin hızlı internetinizde değil, gerçek ziyaretçilerin cihaz ve bağlantılarında ölçülüyor. O yüzden kendi bilgisayarınızda hızlı açılan bir sayfa, sahada iyileştirme bölgesinde olabiliyor. Ben her zaman gerçek kullanıcı verisine bakmayı tercih ediyorum.

  • 2,5 saniyenin altı: iyi kabul edilen, hedeflenmesi gereken bölge.
  • 2,5 ile 4 saniye arası: iyileştirme gerektiren orta bölge.
  • 4 saniyenin üstü: kötü kabul edilen ve ziyaretçiyi kaçıran bölge.

LCP'yi yavaşlatan en sık sebepler

Sahada gördüğüm en yaygın sebep, ağır ve doğru boyutlandırılmamış kapak görselleri. Ekranın en büyük parçası genelde bir fotoğraf olduğu için, o fotoğraf yavaş yüklendiğinde LCP de gecikiyor. İkinci sık sebep, sayfanın açılışını bekleten yavaş sunucu yanıtı ve gereksiz scriptler.

Bir de yazı tiplerinin geç yüklenmesi var. Büyük başlık LCP öğesiyse ve yazı tipi geç geliyorsa, metin görünene kadar süre uzuyor. Bunlar tek tek küçük görünse de üst üste bindiğinde saniyeleri buluyor.

Değeri iyileştirmek için yaptıklarım

LCP'yi düzeltirken önce en büyük öğeyi bulup onu hızlandırmaya odaklanıyorum. Kapak görselini doğru boyuta indirip modern formata geçiriyor, ilk ekranda görünen bu görseli öncelikli yüklenecek şekilde işaretliyorum. Sunucu yanıtını hızlandırmak için de önbellekleme kuruyorum.

Sonrasında ölçüyorum, çünkü tahminle değil veriyle ilerlemek istiyorum. Küçük ama doğru müdahaleler çoğu zaman LCP'yi iyileştirme bölgesinden iyi bölgeye taşımaya yetiyor. Amaç mükemmel bir sayı değil, ziyaretçinin sayfayı hızlı açıldı diye hissetmesi.