Tüm rehberler

Web Sitesi ve Performans

E-ticaret ana sayfasında LCP görseli nasıl iyileştirilir?

İlk ekrandaki büyük görselin boyutunu, keşfini ve yükleme önceliğini satış deneyimini bozmadan kontrol edin.

· Dijital Departman

Önce gerçek LCP öğesini bulun

En büyük görünür öğe masaüstünde ve mobilde farklı olabilir. PageSpeed raporunda LCP öğesinin görsel mi metin mi olduğunu kontrol edin. Yanlış görseli sıkıştırmak puanı değiştirmeyebilir. Tek bir laboratuvar puanından çok tekrarlı ölçüm ve gerçek kullanıcı verisi değerlidir.

    Görselin keşfini geciktirmeyin

    İlk ekrandaki önemli görsel HTML’de erken bulunmalı ve gereksiz lazy loading almamalıdır. Uygun boyut, modern biçim ve doğru öncelik kullanılabilir; aynı anda çok sayıda görseli yüksek öncelikli yapmak yararı azaltır.

    • Mobil ve masaüstü LCP öğesini ayrı inceleme
    • Gerçek görüntü boyutu ve aktarım ağırlığı
    • Kritik CSS ve font zinciri
    • Görsel sonrası oluşturma gecikmesi

    Görünümü koruyarak test edin

    Performans değişikliğinden sonra ana sayfayı üç ekran genişliğinde gözle kontrol edin. Daha hızlı rapor uğruna bozuk tasarım veya geç görünen içerik kabul edilebilir değildir.