Küçük görünen dosya küçük olmayabilir
Bir kartın içine yerleştirdiğin görsel ekranda az yer kaplasa bile tarayıcı büyük bir dosya indiriyor olabilir. Görünen ölçüyle dosyanın gerçek boyutunu birlikte incele. Her kullanımda en yüksek çözünürlüklü sürümü seçmek, aynı görsel amacı daha ağır bir yükle sunabilir.
İhtiyaca göre sürüm üret
Bir telefon ekranındaki kartla geniş bir masaüstü alanı aynı görsel boyutuna ihtiyaç duymayabilir. Uygun çözünürlükler ve dosya biçimleri hazırlamak, görünümü korurken indirilen veriyi azaltmaya yardımcı olabilir. Sıkıştırma kararını yalnızca dosya boyutuyla değil, görüntüdeki ayrıntıyla birlikte değerlendir.
Önce görüleni önceliklendir
Sayfanın ilk ekranında önemli olan ana görseli, aşağıdaki küçük kartlarla aynı şekilde geciktirmek doğru olmayabilir. Tarayıcıların yerleşik gecikmeli görsel yüklemesi, ekran dışındaki resimler için kullanılabilir. web.dev, ilk görünümdeki önemli görsellere bu geciktirmenin uygulanmamasını önerir.
İçeriğe yer ayır
Bir resim açıldığında metni aşağı itiyorsa, yükleme öncesinde ona ne kadar alan ayrıldığını kontrol et. Boyutların belirtilmesi yerleşimin daha öngörülebilir olmasına yardımcı olur. Okur bir bağlantıya dokunmak üzereyken sayfanın sıçraması, yalnızca estetik bir ayrıntı değildir.
Bir değişikliği tek başına değerlendir
Aynı anda çok fazla ayar değiştirmek, neyin işe yaradığını anlamayı zorlaştırabilir. Önce bir görsel grubunu küçültüp aynı sayfayı tekrar kontrol et. Telefon ve farklı bağlantı koşullarını da düşün. Amaç görselleri yok etmek değil, içerikle dengeli bir yükleme deneyimi oluşturmaktır.