Lighthouse raporunuzun Fırsatlar bölümünde, kibibayt (KiB) cinsinden potansiyel tasarruflarla birlikte tüm optimize edilmemiş resimler listelenir. 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 resimleri 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. Potansiyel tasarruf 4 KiB veya daha fazlaysa Lighthouse, resmi optimize edilebilir olarak işaretler.
Resimleri optimize etme
Resimlerinizi optimize etmek için uygulayabileceğiniz birçok adım vardır. Örneğin:
- Resim CDN'lerini kullanma
- Resimleri sıkıştırma
- Animasyonlu GIF'leri videoyla değiştirme
- Resimleri geç yükleme
- Duyarlı resimler sunma
- Doğru boyutlarda resim yayınlama
- WebP resimlerini kullanma
GUI araçlarını kullanarak resimleri optimize etme
Başka bir yaklaşım da resimlerinizi bilgisayarınıza yükleyip GUI olarak çalıştırdığınız bir optimize ediciden geçirmektir. Örneğin, ImageOptim ile resimleri kullanıcı arayüzüne sürükleyip bırakırsınız. Bu araç, kaliteyi gözle görülür şekilde etkilemeden resimleri otomatik olarak sıkıştırır. Küçük bir site işletiyorsanız ve tüm resimleri manuel olarak optimize edebiliyorsanız bu seçenek muhtemelen yeterli olacaktır.
Squoosh da kullanabileceğiniz bir diğer seçenektir. Squoosh, Google Web DevRel ekibi tarafından yönetilir.
Yığına özel rehberlik
Drupal
Site aracılığıyla yüklenen resimlerin kalitesini korurken boyutlarını otomatik olarak optimize eden ve küçülten bir modül kullanmayı değerlendirin. Ayrıca, sitede oluşturulan tüm resimler için Drupal tarafından sağlanan yerel Duyarlı Resim Stilleri'ni kullandığınızdan emin olun.
Joomla
Kaliteden ödün vermeden resimlerinizi sıkıştıran bir resim optimizasyonu eklentisi kullanmayı değerlendirin.
Magento
Görüntüleri optimize eden üçüncü taraf bir Magento uzantısı kullanmayı düşünebilirsiniz.
WordPress
Kaliteden ödün vermeden resimlerinizi sıkıştıran bir resim optimizasyonu WordPress eklentisi kullanmayı değerlendirin.