Cara Mengompresi Gambar di WordPress (Dengan dan Tanpa Plugin)

Diterbitkan: 2022-01-06

Baik Anda menjalankan blog pribadi atau situs web bisnis, Anda harus mengoptimalkan situs Anda untuk kecepatan dan kinerja. Dan dalam hal meningkatkan kecepatan, gambar yang dihosting di situs Anda memegang peran penting. Jadi, kami akan menunjukkan kepada Anda cara mengompresi gambar di WordPress dalam artikel ini untuk membantu mengoptimalkan kecepatan situs web Anda.

Mengapa Anda Harus Mengompresi Gambar di WordPress?

Alasan utama untuk mengompresi gambar di WordPress adalah untuk mengoptimalkan kecepatan situs web Anda . Tetapi dengan peningkatan kecepatan situs web, ada beberapa keuntungan tambahan juga.

Ketika Anda menambahkan terlalu banyak gambar ke situs web Anda dengan ukuran gambar yang besar, ukuran keseluruhan halaman web juga meningkat. Jadi, akan memakan waktu lebih lama untuk memuat halaman web. Tetapi jika Anda mengompres gambar-gambar ini, ukuran gambar akan berkurang dan halaman web dapat dimuat lebih cepat, menghasilkan kecepatan situs web yang lebih baik.

Selain itu, Google menganggap kecepatan situs web sebagai faktor peringkat untuk SEO juga. Oleh karena itu, jika Anda ingin situs web Anda berperingkat lebih tinggi di halaman hasil mesin pencari, Anda juga harus mengoptimalkannya untuk kinerja yang lebih baik. Dan untungnya, mengompresi gambar adalah salah satu cara tercepat untuk meningkatkan kecepatan situs web.

Cara Mengompresi Gambar di WordPress

Untuk mengompresi gambar di WordPress, kami memiliki dua metode:

  • Menggunakan Plugin
  • Secara manual

Kami akan melihat kedua opsi tersebut.

Kompres Gambar di WordPress menggunakan Plugin

Jika Anda ingin mengompres gambar yang sudah diunggah ke situs WordPress Anda, metode ini mungkin cocok untuk Anda.

Yang harus Anda lakukan adalah menggunakan salah satu plugin kompresi gambar WordPress. Kemudian, secara otomatis plugin akan memampatkan semua gambar yang ada secara otomatis. Setelah Anda mengonfigurasi plugin dan memilih tingkat kompresi, plugin akan menangani kompresi gambar sehingga Anda dapat fokus pada tugas lain.

Untuk tutorial ini, kita akan menggunakan plugin ShortPixel . Namun, Anda dapat menggunakan plugin lain yang sesuai dengan kebutuhan Anda. Tetapi untuk mulai menggunakan plugin, Anda harus menginstal dan mengaktifkannya terlebih dahulu.

1. Instal dan Aktifkan Plugin

Untuk menginstal plugin, buka Plugins > Add New dari dashboard WordPress Anda dan cari plugin menggunakan kata kunci. Kemudian, klik Instal Sekarang .

Setelah instalasi selesai, Aktifkan plugin.

instal plugin shortpixel

Jika Anda ingin menggunakan plugin premium atau plugin yang tidak termasuk dalam repositori WordPress, Anda harus menginstalnya secara manual. Anda dapat mengunduh plugin dari situs web plugin atau pasar dan mengunggahnya ke situs web WordPress Anda. Silakan lihat panduan terperinci kami tentang cara menginstal plugin WordPress secara manual untuk informasi lebih lanjut.

2. Konfigurasi Plugin

Setelah Anda mengaktifkan plugin, Anda memerlukan kunci API untuk mulai menggunakannya lebih lanjut. Anda dapat meminta kunci API baru jika Anda baru menggunakan platform. Cukup masukkan alamat email Anda dan klik Request Key .

Tetapi jika Anda sudah memiliki kunci API, masukkan dan klik Validasi .

validasi kunci

Setelah Anda memasukkan kunci API yang valid, Anda akan dapat melihat pengaturan plugin di halaman berikutnya.

Anda dapat mengonfigurasi pengaturan dasar seperti model kompresi, pengoptimalan thumbnail, data EXIF, dan pengubahan ukuran gambar dari halaman pengaturan Umum .

Ada opsi untuk menyimpan cadangan file gambar asli di folder terpisah juga, tetapi mungkin membutuhkan lebih banyak ruang penyimpanan. Jika Anda memiliki ruang terbatas yang tersedia dari paket hosting Anda, menyimpan cadangan di dalam server bukanlah pilihan yang bijaksana. Jadi, pastikan Anda memiliki ruang disk dan bandwidth yang tersedia sebelum membuat keputusan.

kunci api valid

Dari tab Lanjutan , Anda dapat memilih folder gambar tertentu untuk dioptimalkan, mengaktifkan pengoptimalan otomatis, konversi PNG ke JPEG, dan seterusnya. Plugin ini juga dilengkapi dengan beberapa pengaturan default yang memadai untuk kompresi gambar. Tetapi jika Anda perlu, Anda juga dapat mengubahnya.

kompres gambar di wordpress - piksel pendek tingkat lanjut

Selain itu, jika Anda menggunakan Cloudflare CDN, Anda dapat mengintegrasikannya dengan plugin dari tab Cloudflare API . Ini akan membuat penayangan gambar lebih cepat. Yang Anda butuhkan hanyalah ID zona dan token.

kompres gambar di wordpress - integrasi clouflare

Terakhir, halaman statistik menunjukkan gambar terkompresi, rasio kompresi, ruang disk, dan bandwidth yang disimpan. Setelah Anda selesai dengan konfigurasi, Anda siap melakukannya. Jangan lupa untuk menyimpan perubahan setelah Anda mengonfigurasinya.

Mulai sekarang, setiap kali Anda mengunggah gambar baru ke perpustakaan, plugin akan secara otomatis mengompresnya.

gambar terkompresi

Di bawah pengaturan media, Anda juga dapat melihat opsi Kompres Massal yang akan membantu Anda dengan pengoptimalan massal. Pengoptimalan gambar akan dimulai secara otomatis setelah Anda mengeklik Mulai Pengoptimalan .

pengoptimalan gambar massal

Itu dia! Anda sekarang dapat mengurangi ukuran gambar dengan ShortPixel. Dan bahkan jika Anda menggunakan plugin lain, langkah-langkahnya sangat mirip.

Kompres Gambar di WordPress Secara Manual

Jika Anda belum mulai menambahkan gambar ke instalasi WordPress dan belum ingin menggunakan terlalu banyak plugin, metode ini lebih cocok untuk Anda. Ada banyak alat kompresi gambar online yang tersedia saat ini. Anda cukup mengunggah gambar yang perlu Anda kompres ke alat ini dan mendapatkan versi yang dioptimalkan.

Untungnya, sebagian besar alat gratis dan Anda dapat mengatur berapa banyak kompresi gambar dan pengurangan ukuran yang Anda butuhkan. Tetapi masih ada beberapa batasan. Mari melalui langkah-langkah untuk melihat alat secara detail.

Untuk tutorial ini, kita akan menggunakan alat kompresi gambar online ShortPixel . Alat kompresi gambar ShortPixel benar-benar gratis dan dilengkapi dengan fitur yang memadai. Anda dapat mengoptimalkan hingga 50 gambar secara bersamaan dan juga memilih tiga tingkat kompresi.

kompres gambar di wordpress - alat kompresi gambar shortpixel

1. Pilih Tingkat Kompresi

Sebelum mengunggah gambar, Anda harus memilih tingkat kompresi untuk gambar Anda. Ada 3 level untuk kompresi gambar:

  • Lossy
  • mengkilap
  • Tanpa rugi

Level lossy memberi Anda pengurangan ukuran maksimum, dan level lossless memberi Anda pengurangan ukuran gambar paling sedikit. Kami merekomendasikan level lossy untuk mengompres gambar karena ini yang paling layak dan seimbang. Anda bisa mendapatkan kualitas gambar yang bagus dengan pengurangan ukuran maksimum untuk gambar Anda.

kompres gambar di wordpress - tingkat kompresi

2. Unggah Gambar

Setelah Anda memilih tingkat kompresi, Anda dapat mulai mengunggah gambar untuk dikompres. Cukup unggah ke kotak gambar di situs web. Segera setelah gambar diunggah, alat akan mulai mengompresinya secara otomatis.

kompres gambar di wordpress - unggah gambar

Prosesnya akan memakan waktu beberapa detik sesuai dengan ukuran gambar dan tingkat kompresi yang Anda pilih. Setelah itu, Anda akan melihat file gambar yang baru dikompresi di halaman web dengan kecepatan dan ukuran kompresi.

gambar terkompresi piksel pendek

Seperti yang Anda lihat pada tangkapan layar di atas, kami memiliki rata-rata pengurangan 75%+ dalam ukuran gambar yang sangat bagus. Anda juga dapat membandingkan ukuran gambar dan melihat bahwa kualitas gambar terkompresi masih sangat bagus.

Saat Anda siap mengunduh gambar, Anda dapat melakukannya satu per satu atau dalam file zip. Jika Anda perlu mengunduh setiap gambar secara terpisah , Anda harus menggunakan tombol Unduh .

unduh gambar

Di sisi lain, jika Anda perlu mengunduh semua gambar terkompresi sekaligus, klik tombol Unduh File yang dapat Anda lihat di bagian atas layar.

unduh file zip

Setelah itu, Anda dapat mengunggah gambar-gambar ini ke situs WordPress Anda. Metode manual sederhana tetapi dilengkapi dengan beberapa langkah tambahan dibandingkan dengan metode plugin.

Sekarang, Anda tahu cara mengompres gambar di WordPress tanpa kehilangan kualitas gambar.

Tips untuk Mengompresi Gambar di WordPress

Meskipun Anda dapat mengompresi gambar di WordPress untuk membuat situs web Anda lebih cepat, ada beberapa hal yang perlu Anda ingat saat melakukannya. Mereka selanjutnya dapat membantu Anda memuat gambar lebih cepat.

1. Malas Memuat Gambar

Secara default, ketika seseorang membuka halaman Anda, WordPress akan memuat seluruh konten sekaligus. Jadi jika Anda memiliki terlalu banyak gambar di dalamnya, itu akan memakan waktu cukup lama sesuai dengan kinerja server Anda. Namun, ada teknik sederhana yang tersedia untuk mengoptimalkan penyajian gambar yang disebut lazy load .

Setelah Anda mengaktifkannya, semua gambar tidak akan dimuat sekaligus saat seseorang membuka halaman Anda. Sebagai gantinya, gambar akan disajikan saat pengguna menggulir ke bawah ke masing-masing bagian halaman web. Ini adalah cara terbaik untuk mengurangi waktu pemuatan halaman.

Sebagian besar plugin caching untuk WordPress hadir dengan fitur lazy load secara default. Jika plugin caching Anda tidak mendukungnya, Anda harus mempertimbangkan untuk menggunakan plugin khusus seperti BJ Lazy Load . Plugin tidak diperbarui untuk sementara waktu, tetapi akan berfungsi.

2. Hapus Data EXIF

Data EXIF ​​adalah detail kecil yang ditambahkan oleh kamera ke gambar. Saat kami mengunggah gambar ke instalasi WordPress kami, data EXIF ​​​​disimpan dan tidak akan dihapus secara default . Namun, ketika kami menangani instalasi WordPress, ini tidak diperlukan.

Jadi, menghapus data EXIF ​​​​adalah pilihan bagus lainnya untuk menyajikan gambar lebih cepat. Mereka dapat dengan mudah dihapus dengan alat kompresi gambar seperti ShortPixel. Namun, Anda dapat menghapus data EXIF ​​secara bersamaan dari seluruh pustaka gambar dengan alat penghapus data EXIF ​​otomatis .

3. Cache Gambar

Menggunakan sistem caching juga merupakan cara yang bagus untuk mempercepat penyajian gambar dan mengurangi permintaan HTTP.

Sistem caching akan membantu Anda membuat salinan setiap halaman web dan menyajikannya saat pengguna memintanya. Pengguna akan melihat versi cache dari halaman web. Tetapi Anda dapat terus memperbarui salinan secara manual melalui pengaturan plugin caching.

Sekali lagi, Anda dapat menggunakan plugin caching WordPress atau plugin caching yang disediakan oleh penyedia hosting web Anda jika Anda ingin men-cache gambar.

Kiat untuk Meningkatkan Kecepatan Situs Anda

Setelah Anda selesai dengan kompresi gambar, Anda berada di tengah jalan. Selanjutnya, mari kita lihat beberapa praktik terbaik untuk mempercepat instalasi WordPress.

1. Gunakan Plugin Caching

Plugin caching menghasilkan salinan offline halaman web Anda dan menyimpannya di server Anda. Jadi, ketika pengunjung membuka halaman Anda, plugin caching akan menyajikan salinan yang disimpan . Dengan cara ini, Anda dapat mengurangi permintaan ke server dan mengoptimalkan kecepatan halaman.

Beberapa perusahaan hosting WordPress hadir dengan sistem caching terintegrasi. Tetapi Anda dapat memilih salah satu dari plugin caching terkenal berikut jika diperlukan.

  • WP Roket
  • Cache Super
  • Cache Tercepat
  • Cache Total W3

Ada beberapa plugin caching untuk WordPress jika Anda ingin menggunakan plugin lain selain ini. Klik di sini untuk melihatnya.

Semua plugin ini memiliki opsi konfigurasi minimal dan dapat meningkatkan kecepatan pemuatan halaman. Selain itu, beberapa plugin caching bahkan dilengkapi dengan fitur lazyloading bawaan dan integrasi CDN . Menggunakan opsi tersebut dapat mengurangi plugin tambahan dan mendapatkan hasil yang lebih baik seperti yang disebutkan di bagian sebelumnya.

Selain itu, Anda juga dapat mengecualikan halaman tertentu dari caching seperti halaman checkout jika Anda menjalankan toko WooCommerce menggunakan beberapa plugin ini.

2. Gunakan Tema yang Ringan

Jangan memilih tema WordPress yang mewah jika Anda membutuhkan situs web dasar. Mereka memiliki kerangka kerja yang berat dan datang dengan banyak JavaScript dan file lainnya. Jadi, mereka dapat memengaruhi kinerja situs web Anda dengan mengurangi kecepatan situs web.

Sebagian besar penulis tema menyediakan situs web demo bagi pengguna untuk mencoba tema mereka. Anda dapat menggunakan situs web demo ini untuk mengetahui kinerja dan kecepatan tema.

Cukup salin URL situs web demo dan buka alat kecepatan situs web seperti Pingdom atau PageSpeed ​​Insight . Kemudian, mulailah proses untuk menguji kinerja dan lihat hasilnya. Jika itu adalah tema yang ringan, itu akan memiliki hasil kinerja yang sangat baik.

Namun, perlu diingat bahwa situs web demo tidak 100% dioptimalkan dengan plugin caching dan gambar terkompresi. Jadi, akan ada sedikit variasi dalam hasil tes.

Dalam pengalaman kami, tema WordPress ringan teratas adalah:

  • GeneratePress – ulasan GeneratePress
  • Astra – ulasan tema Astra
  • OceanWP
  • Kerangka Kejadian

3. Pilih Penyedia Hosting yang Baik

Jika Anda mencari perusahaan web hosting, Google akan menampilkan ratusan hasil pencarian. Akan ada perusahaan hosting web gratis, freemium, dan premium di pasar. Namun, jika Anda serius dengan bisnis Anda, kami tidak akan merekomendasikan menggunakan penyedia web hosting gratis. Perusahaan hosting web premium akan menawarkan kinerja, dukungan, dan keamanan server dengan skala yang lebih baik .

Berikut adalah daftar perusahaan hosting WordPress terbaik yang dapat Anda gunakan pada tahun 2022. Anda dapat menggunakan layanan hosting apa pun sesuai dengan kebutuhan situs web Anda.

Namun, jika Anda tidak puas dengan hosting Anda saat ini, Anda selalu dapat bermigrasi ke yang lebih baik. Hanya membuat cadangan situs web lengkap dan memulihkannya akan berhasil.

4. Gunakan CDN

CDN adalah singkatan dari Jaringan Pengiriman Konten . Saat Anda memilih paket hosting untuk situs WordPress Anda, perusahaan hosting akan menanyakan pusat data pilihan Anda. Perusahaan hosting terkenal memiliki pusat data di beberapa lokasi di mana pengguna dapat memilih sesuai dengan keinginan mereka.

Jika Anda telah memilih pusat data yang berlokasi di AS, situs web akan memuat lebih cepat bagi pengunjung dari AS. Namun, di sisi lain, jika seseorang mengunjungi situs web dari India atau negara lain yang jauh dari lokasi pusat data, akan ada sedikit keterlambatan dalam waktu pemuatan situs web. Untuk memperbaiki masalah ini, Anda harus menggunakan penyedia CDN .

Penyedia CDN akan memiliki beberapa lokasi pusat data di seluruh dunia. Setelah Anda menambahkan situs web Anda ke jaringan mereka, penyedia akan memilih server yang sesuai yang paling dekat dengan lokasi pengunjung situs web Anda. Hasilnya, Anda dapat memberikan kinerja yang dioptimalkan untuk pengunjung situs web di seluruh dunia.

Jika Anda mencari penyedia CDN, lihat Cloudflare . Cloudflare adalah platform freemium, dan Anda akan mendapatkan banyak fitur mutakhir dalam hal kinerja halaman.

Bonus: Cara Mengoptimalkan Gambar untuk Mesin Pencari

Terlepas dari hasil pencarian Google yang khas, orang juga akan menggunakan hasil gambar untuk menemukan apa yang mereka butuhkan. Jadi, mengoptimalkan gambar Anda untuk mesin pencari adalah tugas penting. Namun, Anda dapat dengan mudah mengoptimalkan gambar yang Anda unggah untuk Google dan mesin pencari lainnya dengan sedikit penyesuaian.

Berikut adalah beberapa elemen penting yang perlu Anda pertimbangkan saat mengunggah gambar ke situs WordPress Anda.

1. Tag Judul

WordPress secara otomatis akan menghasilkan tag judul sesuai dengan nama gambar Anda secara default. Tapi, Anda dapat dengan mudah menimpanya melalui halaman perpustakaan media. Jika mau, Anda dapat menambahkan tag judul ke versi HTML halaman dan membuat gambar lebih mudah dipahami.

2. Tag ALT

Perayap mesin pencari menggunakan tag alt untuk memahami gambar, itulah sebabnya menambahkan tag alt ke gambar adalah suatu keharusan. Anda dapat melakukannya secara manual atau dengan menggunakan plugin WordPress.

WordPress akan meminta tag alt saat Anda mengunggah foto atau file GIF ke perpustakaan media. Cukup masukkan kata kunci yang terkait dengan gambar atau konten situs web Anda, dan Anda siap melakukannya. Anda dapat membuat tag alt Anda lebih baik lagi dengan mendeskripsikan gambar dengan benar.

Selanjutnya, Anda juga dapat memodifikasi tag alt kapan pun Anda membutuhkannya dari perpustakaan media itu sendiri.

3. Peta Situs XML

Anda dapat dengan cepat meningkatkan keberadaan mesin telusur dengan membuat peta situs menggunakan plugin peta situs . Yang perlu Anda lakukan adalah mengirimkan peta situs di dalam alat Google Search Console dan mulai mengambil konten. Untuk peringkat gambar yang lebih baik, Anda juga dapat mempertimbangkan untuk membuat file peta situs yang berisi setiap gambar yang Anda inginkan.

Sebagian besar plugin SEO hadir dengan fitur ini. Setelah membuat peta situs, tambahkan ke properti GSC Anda. Kemudian, plugin SEO akan mengambil setiap gambar dan mengirimkannya untuk pengindeksan mesin pencari setiap kali Anda menambahkan foto baru.

Cara Menambahkan Tag ALT Secara Otomatis

Kami telah menyebutkan pentingnya tag alt dalam gambar Anda. Jadi, kami akan menunjukkan cara menambahkan tag alt secara otomatis dengan plugin WordPress sederhana.

Anda dapat menemukan sejumlah plugin untuk menambahkan tag alt ke gambar di WordPress. Namun untuk saat ini, kita akan menggunakan plugin PB SEO Friendly Images .

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin di situs WordPress Anda.

kompres gambar di wordpress - gambar pb seo friendly

Setelah aktivasi, Anda akan melihat opsi konfigurasi plugin di sisi kiri. Cukup buka Pengaturan> Gambar Ramah SEO dari dasbor WordPress Anda.

kompres gambar di wordpress - pengaturan gambar seo friendly

Dari sana, ubah skema alt sesuai dengan preferensi Anda.

kompres gambar di wordpress - skema alt

Setelah memodifikasinya, Anda perlu memperbarui pengaturan.

Itu dia! Plugin akan mengubah tag alt dari setiap gambar baru yang akan Anda unggah mulai sekarang. Jika Anda memerlukan informasi lebih lanjut, kami bahkan memiliki panduan terperinci untuk secara otomatis menambahkan tag alt ke gambar di WordPress.

Kesimpulan

Mengompresi gambar adalah salah satu cara terbaik untuk meningkatkan kecepatan situs web Anda. Jadi, jika Anda perlu mengompres gambar di WordPress , Anda harus segera melakukannya. Mereka bahkan lebih membantu peringkat situs web Anda lebih baik di mesin pencari di beberapa titik.

Untuk meringkas, Anda dapat mengompresi gambar di situs web Anda menggunakan dua cara utama:

  • Menggunakan plugin
  • Secara manual

Anda dapat menggunakan plugin untuk mengompres gambar jika Anda telah mengunggahnya ke situs web Anda. Padahal, pendekatan manual lebih mudah jika Anda perlu mengunggah gambar baru ke situs web Anda. Meskipun demikian, semuanya tergantung pada preferensi Anda karena kedua metode ini dapat digunakan untuk mengompresi gambar apakah Anda sudah mengunggahnya atau belum. ShortPixel dapat digunakan untuk kedua pendekatan dan juga merupakan alat favorit kami untuk mengompresi gambar karena memiliki integrasi Cloudflare dan banyak lagi fitur yang berguna.

Selain itu, kami juga menyertakan beberapa tips untuk mengompresi gambar, meningkatkan kecepatan situs web, dan mengoptimalkan gambar untuk mesin pencari. Kami juga memiliki beberapa artikel menarik lainnya yang mungkin Anda sukai:

  • Cara Memperbaiki Masalah Ukuran Gambar WooCommerce
  • Tambahkan gambar ke produk di WooCommerce
  • Cara Menambahkan Ukuran Gambar Kustom di WordPress

Kami harap Anda telah menemukan artikel ini bermanfaat dan menikmati membaca. Silakan bagikan dengan blogger lain jika Anda melakukannya.

Bagaimana Anda akan mengompres gambar di WordPress? Secara manual atau dengan menggunakan plugin? Beri tahu kami di komentar.