Resimleri verimli bir şekilde kodlayın

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 verimli şekilde kodla denetiminin ekran görüntüsü

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ı:

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.

Kaynaklar