Her görsele lazy loading eklenir mi?
Uzun bir blog arşivinde en alttaki kapağın ilk saniyede indirilmesi şart değildir. Ancak ilk ekrandaki ana görseli de ertelemek, ziyaretçiyi gereksiz yere boş bir alanla karşılaştırabilir. Lazy loading doğru yerde kullanıldığında yararlı, otomatik bir etiket olarak dağıtıldığında sorunlu olabilir.
Her görsele aynı yükleme ayarını vermeyi fazla kolay bir çözüm olarak görüyorum. Benim için üstteki ana görsel ile sayfanın sonunda duran bir kapak aynı önceliğe sahip değil. Ziyaretçinin önce göreceği içerik için bekleme yaratırken aşağıdaki dosyaları erken almak, kaynak kullanımını yanlış sıraya koyabilir.
Temel fikir
Tarayıcının loading özelliği, ekran dışındaki görsellerin yüklenmesini ertelemeye yardımcı olur. Görünür alana yakınlık gibi kararların ayrıntıları tarayıcıya aittir. Özellikle LCP olabilecek ilk görseli geciktirmemek gerekir. Görsellerin boyutlarını önceden tanımlamak da yerleşimin korunmasına yardım eder.
Bir örnek üzerinden
Kırk yazılık bir arşiv düşün. İlk bölümdeki kapağı normal yükle; aşağıdaki kartlarda lazy kullan. Sonra hızlıca aşağı kaydır. Kartlar uzun süre boş kalıyor mu? Ağ panelinde gereksiz istekler azaldı mı? Bu deneme, etiketi eklemenin gerçekten işe yarayıp yaramadığını gösterir.
Nereden başlamalı?
Tembel yükleme sıkıştırmanın alternatifi değildir. Çok ağır bir dosya, ne zaman yüklenirse yüklensin ağırdır. Önce uygun ölçüyü ve formatı seç; ardından hangi görselin ne zaman gerekli olduğuna karar ver.
Benim yaklaşımım
Bir blogda ilk ekranı ve aşağıdaki listeyi ayrı kontrol ederdim. Ana görselin yüklenmesini gereksiz geciktirmeden alt bölümdeki kapakları ihtiyaç yaklaştıkça almak isterim. Kararı yalnızca dosya sayısına göre vermem. Hangi içeriğin hangi anda görünür olduğunu sayfanın gerçek akışı üzerinden değerlendirmek daha anlamlı.
