Optimasi Gambar Agar Load Page Lebih Cepat

Beberapa hari ini saya belajar mengenai PWA (Progressive, Web Apps), lalu saya implementasikan di beberapa website, baik punya saya maupun klien.

Fokus utama kali ini optimasi load page, atau optimasi gimana caranya agar website bisa diakses dengan cepat oleh user. Terutama pada koneksi sinyal 3G.

Biasanya saya ngetes kualitas website dengan bantuan beberapa layanan:

1. Google audits (bawaan google chrome)
2. Think with google
3. gtmetrix.com
4. tools.pingdom.com
5. Google speed test insight

Semua saya gunakan, karena tiap layanan punya kelebihan masing-masing.

Sebenarnya yang paling berpengaruh yaitu load image. Semakin banyak gambar di website kita, maka akan membuat website kita akan lama sampai semua element berhasil ditampilkan. Apalagi kalau gambarnya besar-besar. Pasti makin lama lagi.

Mau memastikan? Coba aja download file gambar website kita, lalu pasti ada info berapa ukuran filenya. Nahh.. sebesar itulah visitor/calon konsumen kita akan menghabiskan kuota internetnya untuk 1 file gambar.

Kalau website kita ada belasan atau puluhan gambar? Wahhh.. itu namanya “dzalim” (kalau gak dikecilin ukurannya), kasian visitor website kita. Kuota internetnya banyak kepakai. Padahal bisa kita kecilin biar lebih mudah dan cepat diakses bukan?!

Lalu solusinya gimana?

1. Resize atau kecilin resolusi gambar

Sebelum upload gambar, ubah terlebih dahulu resolusinya. Sesuasikan dengan space pada theme/template kita.

2. Kecilin ukuran file

Langkah terakhir sebelum saya upload, Saya biasanya menggunakan layanan tinyjpg.com dulu. Karena menurut kita 100KB sudah kecil kan?! Padahal masih bisa dikecilin lagi ukurannya. Malah bisa jadi di beberapa kasus dibawah 50KB.

3. Ikuti guide best practice

Nahh.. setelah optimasi tadi masalah ukuran & resolusi. Saatnya beralih ke teknik.

Anda bisa pelajari dan ikuti penduannya di sini: https://images.guide

___
Dari optimasi gambar barusan yang saya lakukan, dan mengikuti images.guide. Rata-rata akan menambah cepat load page website.

Saat ini ada website (yang saya handle) Landing Page yang banyak gambar, kurang lebih ada sekitar 15an gambar product. Tapi bisa diakses dalam kurun waktu 2 detik untuk koneksi 3G.

Jadi.. mulai sekarang, jangan asal upload gambar yah. Biar gak dzalim ama visitor 😁

Founder MataMerah.com -- Jasa Web Development, Founder Moota.co -- Layanan Cek Mutasi Otomatis. Seorang abah dari 2 orang anak dan 1 istri.