Bagian Peluang dalam laporan Lighthouse Anda mencantumkan semua gambar yang tidak dioptimalkan, dengan potensi penghematan dalam kibibyte (KiB). Optimalkan gambar ini agar halaman dimuat lebih cepat dan menggunakan lebih sedikit data:
Cara Lighthouse menandai gambar sebagai dapat dioptimalkan
Lighthouse mengumpulkan semua gambar JPEG atau BMP di halaman, menyetel tingkat kompresi setiap gambar ke 85, lalu membandingkan versi aslinya dengan versi yang dikompresi. Jika potensi penghematan adalah 4 KiB atau lebih, Lighthouse akan menandai gambar sebagai dapat dioptimalkan.
Cara mengoptimalkan gambar
Ada banyak langkah yang dapat Anda lakukan untuk mengoptimalkan gambar, termasuk:
- Menggunakan CDN gambar
- Mengompresi gambar
- Mengganti GIF animasi dengan video
- Pemuatan lambat gambar
- Menayangkan gambar responsif
- Menyajikan gambar dengan dimensi yang benar
- Menggunakan gambar WebP
Mengoptimalkan gambar menggunakan alat GUI
Pendekatan lainnya adalah menjalankan image melalui pengoptimal yang Anda instal ke komputer dan menjalankannya sebagai GUI. Misalnya, dengan ImageOptim, Anda menarik lalu melepas gambar ke UI-nya, lalu aplikasi akan otomatis mengompresi gambar tanpa mengorbankan kualitasnya secara signifikan. Jika Anda menjalankan situs kecil dan dapat menangani pengoptimalan semua gambar secara manual, opsi ini mungkin sudah cukup baik.
Squoosh adalah opsi lainnya. Squoosh dikelola oleh tim DevRel Web Google.
Panduan khusus stack
Drupal
Sebaiknya gunakan modul yang otomatis mengoptimalkan dan mengurangi ukuran gambar yang diupload melalui situs dengan tetap mempertahankan kualitas. Selain itu, pastikan Anda menggunakan Responsive Image Styles native yang disediakan dari Drupal untuk semua gambar yang dirender di situs.
Joomla
Sebaiknya gunakan plugin pengoptimalan gambar yang mengompresi gambar Anda sekaligus mempertahankan kualitas.
Magento
Pertimbangkan untuk menggunakan ekstensi Magento pihak ketiga yang mengoptimalkan gambar.
WordPress
Sebaiknya gunakan plugin WordPress untuk pengoptimalan gambar yang mengompresi gambar Anda dengan tetap mempertahankan kualitas.