Web sitesi performansı içerikle başlar.

Varlık kurallarını erken belirleyin.

İçerik kütüphanesi büyümeden önce görüntü boyutlarını, formatlarını ve kalite hedeflerini tanımlayın. Fotoğrafçılık, ürün görselleri ve editoryal illüstrasyonları dahil edin. Varlıkları sayfalara eklemeden önce optimize edin ve orijinal master dosyaları genel dağıtım yolu dışında tutun.

Amaç, görüntülerin gerçekte gösterilecekleri boyutta net olmasıdır. Her ziyaretçiye büyük bir orijinal dosya göndermek, görünür sonucu iyileştirmeden ağ üzerinde gereksiz bir yük oluşturur.

Mobil için kendi kompozisyonunu sağlayın.

Daha küçük bir dosya her zaman kullanılabilir bir mobil görüntü anlamına gelmez. Dar kırpılmış bir çerçevede özneyi, metin boşluğunu ve odak noktasını kontrol edin. Masaüstü çalışması geniş negatif alanlara bağımlıysa özel bir kompozisyon gerekebilir.

Duyarlı görüntü adayları, tarayıcının ekran için uygun kaynağı seçmesine olanak tanır. web.dev, bunun sunulan görüntü boyutları ile cihaz arasındaki uyumu nasıl iyileştirdiğini açıklar.

Sayfayı bir dizi olarak inceleyin.

Hero bölümüne öncelik verin ve uzak varlıkları ihtiyaç duyulana kadar geciktirin. Video, etkileşimli galeriler ve animasyonların maliyetini kontrol edin; ziyaretçinin hareket azaltma tercihini yapması durumunda neler olacağını da dahil edin.

Birden fazla görünüm alanında gerçek içerikle test edin. Görüntü kod çözme, düzen kayması, bozuk varlıklar ve etkileşimleri birlikte inceleyin; sayfa artık net bir şekilde iletişim kurmuyorsa, küçük bir dosya başarılı bir optimizasyon değildir.

Ek okuma.

Duyarlı görüntü dağıtımı

Brief’i pratiğe dökün.

Dijital ürün geliştirme · İşletmenizin yapması gereken işi tartışın.