Görseller çoğu portfolyo sitesinin en ağır kaynaklarıdır. Kaliteyi düşürmeden hız kazanmanın yolu tek bir sıkıştırma oranı uygulamak değil, her görselin kullanım bağlamına uygun format ve boyutu seçmektir.
Dosyayı gösterildiği boyuta yaklaştırın
400 piksel genişliğinde gösterilen bir kart için 3000 piksel kaynak göndermek bant genişliğini boşa harcar. Farklı ekran yoğunluklarını hesaba katan responsive kaynaklar kullanarak tarayıcının uygun dosyayı seçmesini sağlayın.
- Fotoğraf ağırlıklı içeriklerde modern formatları tercih edin.
- İlk ekrandaki ana görseli gereksiz yere lazy yüklemeyin.
- width ve height değerleriyle layout kaymasını azaltın.
En iyi görsel optimizasyonu, kullanıcının fark etmediği fakat hızda hissettiği optimizasyondur.
