Mobilde geç görünen ilk ekranın nedeni büyük bir görsel, geç gelen sunucu yanıtı veya çizimi bekleten başka bir kaynak olabilir. PageSpeed sonucunda önce LCP öğesinin hangi bölüm olduğunu bulun. Ardından o öğenin hangi aşamada beklediğini ölçün.
Aynı URL ve cihaz profiliyle başlayın
Test edilen tam URL’yi ve mobil profilini kaydedin. Laboratuvar sonucu tek bir kontrollü çalıştırmadır. Kullanıcı deneyimi verileri varsa bunları ayrı okuyun. Yeniden ölçüm yaparken yönlendirme, önbellek ve sayfanın mobil düzenindeki farkları not alın.
Görsel varsa ağ isteğinin izini sürün
LCP öğesi bir görselse sunucu yanıtı, kaynağın istenmeye başlama anı, indirme süresi ve ekranda görünme anını karşılaştırın. Görsel geç isteniyorsa başlangıç HTML’sinde bulunabilirliğini ve ilk ekran öğesine yanlışlıkla gecikmeli yükleme uygulanıp uygulanmadığını kontrol edin. İndirme hızlı tamamlanıyor ancak öğe geç görünüyorsa çizim tarafındaki gecikmeye odaklanın.
Örneği bir değişiklikle test edin
Temsili bir açılış görseli 1,2 saniyede indiriliyor ancak istek 4. saniyede başlıyorsa, yalnız sıkıştırmayı denemek yerine önce isteğin neden geç başladığını bulun. Bir ayarı değiştirin ve aynı URL’de birkaç ölçüm yapın. Mobil form ve menünün çalışmasını da web sitesi teslim kontrol listesine ekleyin.
Ölçüme düzeltme kaydı ekleyin
Öğe, önceki ölçüm, değişen bileşen ve sonraki ölçümü birlikte saklayın. LCP öğesi değiştiyse bunu da yazın. web tasarım hizmeti kapsamında ilk ekranı ve performans kabul ölçütlerini birlikte değerlendirebiliriz.
Kaynak: web.dev — Largest Contentful Paint optimizasyonu.
+90 544 180 19 23 numarasından arayın veya WhatsApp üzerinden yazın.
