Görünen boyutla indirilen boyut farklıdır
Ekranda küçük bir kartın içinde görünen resim, gerçekte çok büyük bir dosya olabilir. Sayfaya eklerken görüntünün kaç piksel gösterileceğini ve hangi boyutta indirildiğini birlikte düşünmek gerekir. Her yerde en büyük sürümü kullanmak her zaman iyi bir tercih değildir.
Uygun dosyayı uygun yerde kullan
Görselin içeriğine ve tarayıcı desteğine uygun format seçmek, gereksiz ağırlığı azaltabilir. Farklı ekranlar için daha küçük sürümler sunmak da değerlendirilir. Buradaki temel soru “kaliteyi ne kadar düşürebilirim?” değil, “bu kullanım için neye ihtiyaç var?” sorusudur.
İlk ekrandaki resmi geciktirme
Sayfanın üstünde hemen görülmesi beklenen ana görsele, aşağıdaki küçük kartlarla aynı yükleme kuralını uygulamak iyi olmayabilir. Tarayıcıların yerleşik lazy loading özelliği ekran dışında kalan görseller için kullanılabilir. web.dev, ilk görünümdeki önemli görsellerin gecikmeli yüklenmemesini önerir.
Yer ayırarak sıçramaları azalt
Görsel yüklenmeden önce boyutunun bilinmesi, sayfanın yerleşimini daha öngörülebilir kılar. Bir paragrafı okumaya çalışırken içerik aniden aşağı kayıyorsa, görsel alanlarını ve sonradan eklenen bileşenleri kontrol etmek iyi bir başlangıçtır.
Sonucu gerçek bağlantıda değerlendir
Bilgisayarındaki hızlı bağlantı bütün ziyaretçileri temsil etmez. Telefon, dar ekran ve daha yavaş ağ koşullarında bir tur yap. Bir değişiklikten sonra önceki sürümle aynı sayfayı karşılaştır. Daha az bekletmek, okunabilirliği ve görsel amacı birlikte koruyabildiğinde anlamlıdır.