Imagify: bagaimana mengoptimalkan gambar Anda untuk mempercepat situs web Anda?

Logo Imagify
Plugin WP Rocket

Mengapa menggunakan plugin pengoptimalan gambar?

Tentu saja ada banyak alat online yang memungkinkan kita untuk mengunggah gambar kita secara online dan kemudian ke WordPress: ini adalah upaya ganda yang bisa sangat memakan waktu jika kita bekerja dengan sejumlah besar file gambar.

Pengoptimal gambar WordPress seperti Imagify tidak hanya mengompres gambar kami saat diunggah, tetapi juga dapat melakukan pengoptimalan massal untuk semua file yang sudah ada di pustaka media WordPress kami.

Aspek lain yang perlu dipertimbangkan adalah biaya penggunaan alat bantu online: sebagian besar gratis, tetapi terkadang fitur terbaik hanya tersedia bagi pengguna premium. Namun demikian, jika alat ini 100% gratis, kemungkinan optimalisasinya minimal.

Keuntungan lainnya adalah Imagify dapat bekerja dan mengoptimalkan gambar kami bersinergi dengan WP Rocket, berkat kemitraan antara kedua perusahaan ini. Maka sangat efektif untuk menggunakan fitur Lazy Load untuk meningkatkan kinerja dan SEO situs web kami.

Menginstal Imagify

1. Buat akun gratis

Kita bisa membuat akun secara gratis dengan mengunjungi situs web Imagify. Anda juga bisa langsung masuk ke panel admin WordPress, lalu klik Plugins, kemudian Add New. Kita perlu mengetik “Imagify” di kolom pencarian, lalu kita bisa menginstal dan mengaktifkan plugin.

Plugin Instalasi Imagify
Instalasi dan aktivasi plugin


Anda juga dapat mengunduh plugin langsung dari situs web wordpress.org. Yang harus kita lakukan adalah pergi ke panel admin WordPress, klik Plugins, lalu Add New, dan unduh file ZIP tanpa membongkarnya.
Bagi mereka yang memiliki plugin WP Rocket, Anda dapat menginstal Imagify dengan membuka tab “image optimization”.
Kami kemudian melihat pemberitahuan ini:

Menginstal IMAGIFY dan membuat akun
Buat akun gratis

Yang perlu kita lakukan hanyalah memasukkan email, tidak ada informasi pribadi lainnya yang akan diminta. Setelah alamat email dikirim, kami akan menerima balasan yang berisi detail login kami. Setelah mengklik tautan aktivasi dan masuk, kita akan memiliki akses ke panel kontrol Imagify.

2. Masukkan kunci API Anda

Autentikasi dilakukan melalui kunci API. Ini bisa ditemukan dalam email aktivasi yang kami terima.

Instalasi IMAGIFY - Kunci API
Kunci API yang valid

Setelah menyalin kunci API, kita dapat kembali ke halaman asli kita dan mengklik tombol I HAVE MY API KEY. Ini memunculkan kotak dialog dengan entri untuk menambahkan kunci API kita. Setelah kunci API ini dimasukkan, kita akan melihat catatan yang mengatakan “Selamat! Kunci API Anda valid. Sekarang Anda dapat mengonfigurasi pengaturan Imagify untuk mengoptimalkan gambar Anda.”

Harga Imagify

IMAGIFY - Harga
Harga

Dimungkinkan untuk mengoptimalkan 20 MB gambar per bulan secara gratis, yaitu sekitar 200 gambar per bulan, dan jika Anda ingin dapat mengoptimalkan lebih banyak gambar, hanya ada paket berbayar: biayanya $9,99 per bulan untuk akses tak terbatas. Jika Anda membayar setiap tahun, opsi ini memungkinkan Anda mendapatkan keuntungan dari 2 bulan gratis: plugin akan dikenakan biaya $99,9 per tahun, atau $8,33 per bulan.

Imagify Logo

Menyiapkan Imagify

Sekarang kami memiliki akses ke pengaturan umum Imagify, dan kami dapat melihat bahwa kami mendapatkan kredit untuk mengoptimalkan gambar di situs web kami.

1- Tersedia tiga opsi pengoptimalan gambar: Normal, Aggressive, Ultra. Jika kita tidak menginginkan penurunan kualitas, kita harus memilih mode Normal. Namun demikian, mode Aggressive adalah mode yang direkomendasikan, karena akan cocok dalam sebagian besar situasi. Akan sangat sulit untuk melihat perbedaan apa pun dalam kualitas. Ultra mode menggunakan tingkat optimalisasi tertinggi, memungkinkan penghematan besar-besaran dalam ukuran gambar, tetapi akan ada sedikit penurunan kualitas sebagai imbalannya. Anda dapat menggunakan alat perbandingan visual secara langsung di situs web Imagify.

Instalasi MAGIFY - konfigurasi umum
Tiga tingkat optimalisasi

2- Opsi untuk secara otomatis mengoptimalkan setiap gambar yang kami kirim ke WordPress. Jika kita ingin menghemat ruang pada server kita, kita juga harus menghapus centang pada kotak “Save original images”. Dalam hal ini, kita harus memastikan bahwa kita selalu menyimpan salinan gambar asli di komputer kita, karena tidak mungkin untuk mengambil kembali gambar-gambar ini nanti.

3- Opsi “Simpan semua data EXIF gambar Anda”. Data EXIF adalah informasi yang disimpan dalam foto seperti: aperture, pencahayaan, ISO,…

4- Opsi “Optimalkan untuk format WebP” dan “Buat versi WebP gambar Anda”. Ini adalah dua pengaturan yang memungkinkan kita untuk menampilkan gambar WebP di situs web kita (kecuali jika kita menggunakan plugin WordPress khusus untuk ini). Opsi pertama menambahkan aturan penulisan ulang ke file konfigurasi situs (.htaccess) dan tidak mengubah kode halaman Anda. Opsi kedua menggantikan tag dengan tag . Ini adalah solusi yang disarankan, tetapi beberapa tema mungkin rusak, jadi pastikan semuanya berfungsi dengan baik.

Instalasi MAGIFY - konfigurasi umum
Konfigurasi WebP

5- Kemudian kita pergi ke parameter “Resize larger images” (Ubah ukuran gambar yang lebih besar), yang memungkinkan Anda untuk secara otomatis mengubah ukuran gambar yang lebih besar, menetapkan ukuran maksimum. Untuk menghindari penurunan kualitas gambar, secara umum disarankan untuk menetapkan nilai ini ke sekitar dua kali ukuran yang akan kita gunakan untuk gambar. Fitur ini juga bisa dinonaktifkan dengan menghapus centang pada kotak jika perlu.

6- Optimalisasi tema WordPress yang digunakan.

7- Akhirnya, dimungkinkan untuk memilih mengoptimalkan format tertentu yang dihasilkan oleh WordPress dan mengecualikan yang lain. Setiap format gambar tambahan akan mempengaruhi kuota penggunaan bulanan.

Instalasi MAGIFY - konfigurasi umum
Mengubah ukuran gambar secara otomatis

Setelah pengaturan ini dibuat, klik “Save & go to Bulk Optimisation”. Kemudian kita tinggal mengecek informasi dan mengklik tombol “IMAGIF’EN ALL” untuk mengoptimalkan gambar.

IMAGIFY Optimisation terminee
Optimasi yang berhasil

Apa hasilnya?

Dalam artikel sebelumnya, saya menguji WP Rocket. Berikut adalah performa yang diperoleh setelah mengkonfigurasi plugin ini:

Kinerja situs web setelah Lazy Load gambar, iframe, dan video - Plugin WP Rocket
Performa dengan WP Rocket

Dan sekarang inilah kinerja situs web saya setelah menginstal dan mengkonfigurasi Imagify:

Performa yang dicapai melalui pengoptimalan gambar Imagify
Performa yang dicapai melalui pengoptimalan gambar Imagify

Hasil ini benar-benar luar biasa, mengingat bahwa kita berbicara tentang situs yang sudah dioptimalkan (Cloudflare). Kesimpulannya, saya hanya bisa merekomendasikan penggunaan Imagify, terutama karena memungkinkan Anda untuk dengan mudah membuat akun dan mengoptimalkan sejumlah gambar secara gratis.

FAQ

Apa itu format WebP?

Format WebP menawarkan kompresi dan kualitas gambar yang superior dan merupakan cara untuk mengoptimalkan gambar dan mempercepat waktu pemuatannya di situs web.

Mengapa mengoptimalkan gambar dapat meningkatkan SEO?

Gambar adalah salah satu faktor utama yang diperhitungkan oleh Google saat mengukur Core Web Vitals. Kompresi gambar akan memastikan bahwa gambar Anda dimuat lebih cepat dan meningkatkan kinerja keseluruhan situs web Anda.

Apa itu Lazy Loading?

Berkat Lazy Loading, video dan gambar hanya akan ditampilkan secara progresif sesuai dengan navigasi pengguna, bila diperlukan. Dengan cara ini, kinerja situs web Anda ditingkatkan, terutama untuk situs web dengan beberapa video yang disematkan dan gambar beresolusi tinggi. Fungsionalitas ini, melengkapi kompresi gambar, ditawarkan oleh WP Rocket.

Plugin WP Rocket
Plugin WP Rocket

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Tinggalkan Balasan