Ana ekranın geç görünmesine neden olan görsel, sunucu ve kaynak yükleme sorunlarını ayırarak LCP iyileştirmelerini önceliklendirin.
Hız raporundaki tek bir puanı yükseltmeye çalışmak, ziyaretçinin yaşadığı sorunu gizleyebilir. Önce hangi sayfanın hangi koşulda yavaş olduğunu bulun. Ana sayfa hızlıyken ürün sayfaları ağır olabilir; masaüstü testi mobil deneyimi tek başına açıklamaz.
LCP hangi deneyimi ölçer?
Largest Contentful Paint, görünür alandaki en büyük uygun görsel veya metin bloğunun ne zaman çizildiğini ölçer. Web.dev iyi deneyim için ziyaretlerin yüzde 75'inde 2,5 saniye veya daha düşük LCP hedefini belirtir. Laboratuvar testiyle gerçek kullanıcı verisini birbirinden ayırın.
Önce gecikmenin yerini bulun
Sunucu yanıtı mı geç geliyor, ana görsel mi geç keşfediliyor, yoksa indirilen içerik ekrana geç mi çiziliyor? Bunlar farklı çözümler gerektirir. Sorunu ölçmeden her görseli küçültmek veya bütün betikleri kaldırmak işlev kaybına yol açabilir.
Ana görseli gereksiz bekletmeyin
Ekranın üstündeki LCP görseline gecikmeli yükleme uygulamak görünmesini geciktirebilir. Uygun boyut, sıkıştırma ve yükleme sırasını birlikte değerlendirin. Ekran altındaki görseller için verilen kararı ana görsele otomatik taşımayın.
Değişikliği aynı koşullarda karşılaştırın
Aynı sayfayı, benzer cihaz ve ağ koşullarıyla tekrar ölçün. Görsel kalite, menü ve form işlevlerinin bozulmadığını da kontrol edin. Tek iyi ölçüm yerine tekrarlı test ve erişiminiz varsa gerçek ziyaretçi verisiyle karar verin.