Lighthouse raporunuzun Fırsatlar bölümünde, tüm optimize edilmemiş resimler listelenir ve kibibayt (KiB) cinsinden tasarruf edebilirsiniz. Sayfanın daha hızlı yüklenmesi ve daha az veri tüketmesi için bu resimleri optimize edin:
Lighthouse, resimleri nasıl optimize edilebilir olarak işaretler?
Lighthouse, sayfadaki tüm JPEG veya BMP görüntülerini toplar, her resmin sıkıştırma düzeyini 85 olarak ayarlar ve ardından orijinal sürümü sıkıştırılmış sürümle karşılaştırır. Olası tasarruflar 4KiB veya daha büyükse Lighthouse, resmi optimize edilebilir olarak işaretler.
Resimler nasıl optimize edilir?
Resimlerinizi optimize etmek için atabileceğiniz birçok adım vardır. Bunlardan bazıları:
- Görüntü CDN'lerini kullanma
- Resimleri sıkıştırma
- Animasyonlu GIF'leri videoyla değiştirme
- Geç yükleme resimleri
- Duyarlı resimler yayınlama
- Doğru boyutlarda resim yayınlama
- WebP resimlerini kullanma
GUI araçlarını kullanarak resimleri optimize edin
Diğer bir yaklaşım da resimlerinizi, bilgisayarınıza yüklediğiniz ve GUI olarak çalıştırdığınız bir optimize edici ile çalıştırmaktır. Örneğin, ImageOptim ile resimleri kullanıcı arayüzüne sürükleyip bırakırsınız, ardından resimler kaliteden belirgin bir şekilde ödün vermeden otomatik olarak sıkıştırılır. Küçük bir site işletiyorsanız ve tüm resimleri manuel olarak optimize edebiliyorsanız, bu seçenek büyük olasılıkla yeterli olacaktır.
Squoosh da kullanabileceğiniz bir seçenektir. Squoosh, Google Web DevRel ekibi tarafından yönetilmektedir.
Yığına özel rehberlik
Drupal
Kaliteyi korurken site üzerinden yüklenen resimlerin boyutunu otomatik olarak optimize eden ve küçülten bir modül kullanmayı düşünün. Ayrıca, sitede oluşturulan tüm resimler için Drupal'ın yerleşik Duyarlı Resim Stilleri (Drupal 8 ve sonraki sürümlerde kullanılabilir) özelliğini kullandığınızdan emin olun.
Joomla
Kaliteyi korurken resimlerinizi sıkıştıran bir resim optimizasyonu eklentisi kullanmayı düşünün.
Magento
Resimleri optimize eden üçüncü taraf bir Magento uzantısı kullanmayı düşünün.
WordPress
Kaliteden ödün vermeden resimlerinizi sıkıştıran bir resim optimizasyonu WordPress eklentisi kullanmayı düşünün.