Ulasan ShortPixel: Cara Mengoptimalkan Kinerja Situs Web Anda Melalui Kompresi Gambar

Sejak 2014, lebih dari setengah juta pengguna telah mencoba pengoptimalan gambar yang sangat baik dari ShortPixel. Melihat betapa pentingnya pengoptimalan kecepatan web di masa depan, perusahaan yang berbasis di Rumania ini meluncurkan ShortPixel Adaptive Images, sebuah plugin yang sangat mudah digunakan yang menyelesaikan semua peringatan terkait gambar yang dilaporkan oleh GTmetrix atau Google PageSpeed ​​Insights dalam beberapa klik. Ini meningkatkan SEO Anda dan kecepatan memuat situs web Anda.

Tapi bagaimana plugin melakukan semua itu? Mari kita cari tahu di ulasan ini rinci Images Shortpixel Adaptive (SPAI untuk pendek).

Apa yang Dilakukan Gambar Adaptif ShortPixel?

Berikut adalah 4 hal utama yang dilakukan ShortPixel:

• Ini menyajikan gambar dari CDN : ShortPixel Adaptive Images mengambil semua gambar yang dilihat oleh pengunjung situs web dan menyajikannya dari CDN ShortPixel. Apa itu CDN? Ini adalah Jaringan Distribusi Konten. Dengan kata sederhana, ini adalah sekelompok server yang didistribusikan di seluruh dunia yang berisi salinan situs web tertentu. Dengan demikian, setiap pengguna akan memiliki waktu pemuatan yang baik, terlepas dari negara atau wilayah tempat mereka berada. Dengan memuat gambar dari CDN ShortPixel, yang Anda lakukan adalah meningkatkan kecepatan pemuatan halaman (karena kemungkinan besar CDN memuat lebih cepat daripada penyedia hosting rata-rata, selain memiliki server di seluruh dunia) dan menghemat beberapa sumber daya dari server, karena gambar tidak akan diminta dari sana tetapi dari CDN ShortPixel.
• Ini memampatkan gambar : gambar yang disajikan dari CDN ShortPixel dioptimalkan menggunakan algoritma pengoptimalan kuat dari ShortPixel, yang menawarkan 3 tingkat pengoptimalan, Lossy, Glossy, dan Lossless. Lebih lanjut tentang itu nanti.
• Ini menyajikan gambar adaptif : dari situlah nama plugin berasal. Katakanlah Anda mengunggah gambar dan Anda menambahkannya ke halaman dalam versi ukuran penuhnya. Pengguna yang mengunjungi halaman dari smartphone tidak perlu melihat gambar dalam ukuran yang sama dengan pengguna yang menggunakan laptop. Plugin menangani itu, menyajikan gambar dalam ukuran yang tepat yang diminta perangkat. Pernahkah Anda menggunakan GTmetrix dan mendapatkan kesalahan "Ukuran gambar yang benar"? Ini mengeluh persis tentang ini. ShortPixel Adaptive Images menghilangkan pesan itu dalam beberapa klik!

• Ini menyelesaikan semua masalah terkait gambar yang mungkin Anda perlukan : selain mengompresi gambar dan menyajikannya dalam ukuran yang benar, gambar masih dapat ditingkatkan lebih lanjut dalam banyak cara. ShortPixel Adaptive Images juga menanganinya, dan dengan beberapa klik Anda dapat melakukan hal berikut:
  • Hapus informasi EXIF
  • Sajikan gambar dalam format WebP
  • Gambar yang dimuat lambat
  • Pangkas gambar dengan cerdas
  • Kecualikan gambar dari pemuatan lambat (berguna untuk memuat gambar sebelumnya)

Bagaimana Cara Kerja Gambar Adaptif ShortPixel?

Seperti yang kami jelaskan, setiap kali salah satu halaman situs web dikunjungi, ShortPixel Adaptive Images (SPAI) menganalisis kodenya dan mengganti setiap gambar asli yang tidak dioptimalkan dengan gambar berukuran tepat & dioptimalkan. Setiap gambar yang diganti disajikan dari CDN ShortPixel.

SPAI tidak menyentuh file apa pun di server; SPAI mengoptimalkan gambar dengan cepat , yang berarti bahwa jika Anda ingin kembali ke gambar asli, Anda cukup menonaktifkannya. Ini adalah proses terperinci, sepenuhnya transparan untuk semua pengguna:

1. Seorang pengguna mengunjungi halaman yang berisi gambar.

2. Saat halaman sedang dimuat, SPAI mencari URL gambar apa pun pada kode, misalnya:

3. Setelah mendeteksi URL gambar, ia mengirimkan gambar itu ke server ShortPixel, yang mengoptimalkannya dan menyimpannya di CDN ShortPixel. Langkah ini dilakukan hanya saat pertama kali ukuran gambar tertentu diminta.

4. Kemudian, SPAI mengganti URL dengan yang baru, yang menunjuk ke CDN yang berisi gambar yang dioptimalkan dan berukuran tepat:

5. Halaman selesai dimuat dan gambar telah disajikan dari CDN cepat ShortPixel!

Memasang Dan Menyiapkan Gambar Adaptif ShortPixel

Instalasi

Ini adalah langkah termudah, diinstal seperti plugin lainnya. Ini adalah halaman yang perlu Anda cari: ShortPixel Adaptive Images – WordPress.org

Mengaturnya

Penyihir orientasi

Jika ini pertama kalinya Anda menggunakan Gambar Adaptif ShortPixel, Anda sekarang akan diarahkan ke Wizard Orientasi:

Wizard 4 langkah ini akan membantu Anda mengonfigurasi SPAI dengan benar sehingga semua gambar disajikan dari CDN dioptimalkan.

Jika, misalnya, Anda sudah menggunakan SPAI dan memperbarui ke versi baru, Anda dapat memulai ulang wizard dengan membuka Pengaturan > ShortPixel AI dan mengklik tombol “Setup Wizard” yang terletak di kanan atas menu Bantuan:

Perhatikan bahwa Gambar Adaptif ShortPixel tidak memerlukan Kunci API untuk mulai bekerja (berlawanan dengan ShortPixel Image Optimizer). Anda hanya perlu mengaitkan situs web/domain ke akun Anda sehingga kredit ShortPixel Anda akan digunakan, dan itu akan dilakukan secara otomatis oleh Onboarding Wizard.

Setelah Anda menyelesaikan Wizard Orientasi, pastikan untuk mengosongkan cache situs Anda sehingga gambar yang dioptimalkan muncul!

Pengaturan

ShortPixel Adaptive Images sangat mudah digunakan, karena mulai melakukan keajaibannya setelah mengaktifkan dan mengaturnya dengan Onboarding Wizard; tidak perlu mengklik tombol ON atau sejenisnya. Namun, SPAI juga menyediakan beberapa pengaturan untuk menyetel pengoptimalan gambar. Untuk mengakses, cukup masuk ke area admin WordPress Anda dan buka Pengaturan > ShortPixel AI. Kami akan membahas pengaturan yang paling penting, jadi kami mulai dengan tab Kompresi .

• Tingkat kompresi : di sini kita dapat memilih tingkat kompresi apa yang kita inginkan untuk gambar kita.
  • Lossy adalah pilihan terbaik bagi sebagian besar pengguna. Gambar yang diproses dengan algoritma Lossy adalah gambar terkecil yang dioptimalkan yang bisa didapatkan. Jadi, jika kecepatan situs Anda adalah yang terpenting dan Anda menginginkan keseimbangan terbaik antara pengoptimalan dan kualitas gambar, kami menyarankan Anda untuk menggunakan pengoptimalan Lossy.
  • Glossy adalah pilihan terbaik jika Anda masih peduli dengan GTmetrix atau Google PageSpeed ​​Insights, tetapi Anda yakin bahwa sedikit kehilangan kecepatan halaman adalah kompromi yang dapat diterima untuk kualitas gambar terbaik.
  • Dengan Lossless, gambar piksel demi piksel identik dengan aslinya, tetapi menawarkan pengurangan ukuran yang lebih kecil dibandingkan dengan file yang diproses Lossy atau Glossy. Jika Anda ingin gambar Anda tetap tidak tersentuh, pilih opsi ini.
• Dukungan WebP : Format WebP adalah format gambar yang dibuat oleh Google yang mendapatkan hasil kompresi yang sangat baik dengan sedikit kehilangan kualitas gambar. Contoh singkat tentang bagaimana WebP berperilaku: kami mengambil foto dari internet dan menggunakan konverter JPG ke WebP online acak, kami beralih dari 1,05 MiB ke 344 KiB, pengurangan 67,93%, dan kualitas gambarnya hampir sama! Jadi, dengan mencentang opsi "Dukungan WebP" kami memberi tahu SPAI bahwa gambar yang disajikan dari CDN ShortPixel harus dalam format .webp selama browser kompatibel.

• Hapus EXIF : Plugin ini memungkinkan untuk menghilangkan informasi "ekstra" yang tertanam dalam gambar itu sendiri, seperti lokasi, penulis, model kamera, dll. Informasi ini biasanya tidak diperlukan dan menghapusnya membantu mengurangi bobot gambar sedikit. Disarankan untuk mengaktifkannya.

Sekarang kita pindah ke tab Behavior . Di antara banyak tweak lainnya, kita dapat menemukan yang berikut:

• Pemotongan cerdas : Plugin akan mengidentifikasi kasus ketika tidak semua gambar ditampilkan dan memotongnya sesuai.
• Pengguna yang masuk : Secara default, ShortPixel AI menyajikan dan mengoptimalkan gambar bahkan jika Anda masuk. Namun, jika Anda ingin menghemat lalu lintas dan kredit CDN, Anda cukup menonaktifkan opsi ini dan kemudian SPAI hanya akan berfungsi untuk pengguna yang masuk. pengguna keluar (pengunjung).
• Placeholder gambar LQ : LQIP adalah singkatan dari Low-Quality Image Placeholder. Mereka adalah gambar berkualitas sangat rendah (dan karenanya sangat ringan) yang akan dimuat dengan pemuatan halaman awal, dan setelah halaman dimuat sepenuhnya, mereka diganti dengan yang berkualitas penuh. Itu membantu meningkatkan waktu muat yang dirasakan.

Selanjutnya, di tab Area , kita akan menemukan semua jenis pengaturan untuk memberi tahu SPAI gambar apa yang harus diurai dan dioptimalkan:

• Gambar SVG (ini tidak akan dioptimalkan, hanya disimpan di CDN).
• Gambar dalam CSS Dalam hal ini, file CSS itu sendiri juga akan disimpan di CDN.
• Gambar dalam blok JS
• Gambar dalam data JSON

Terakhir, pada tab Pengecualian , kami menemukan beberapa bidang tempat kami dapat mengecualikan gambar dari pengoptimalan:

• Selektor yang dikecualikan : di sini kita dapat menulis penyeleksi CSS yang ingin dikecualikan oleh SPAI dari pengoptimalan.
  • Jika Anda menulisnya di "Jangan malas memuat", penyeleksi tersebut tidak akan dimuat dengan lambat, tetapi mereka akan tetap dioptimalkan dan diubah ukurannya.
  • Jika Anda menulisnya di "Jangan ubah ukurannya", SPAI akan mengoptimalkan gambar tersebut tetapi tidak mengubah ukurannya.
  • Jika Anda menulisnya di "Tinggalkan sepenuhnya", SPAI akan sepenuhnya mengabaikannya, tanpa pengoptimalan atau pengubahan ukuran.
• URL yang dikecualikan : jika Anda ingin SPAI mengabaikan beberapa gambar berdasarkan URL, ini adalah tempat kami mengecualikannya, menggunakan ekspresi reguler (untuk mengecualikan semua GIF atau semua PNG, misalnya) atau jalur (untuk mengecualikan satu gambar, misalnya) . Plugin menyertakan penjelasan yang baik tentang cara menggunakan bidang ini, pastikan untuk memeriksanya!

Setelah semua pengaturan terpasang, pastikan untuk memeriksa alat Pemeriksa Gambar baru, alat sederhana untuk memeriksa status gambar yang dioptimalkan di halaman mana pun di situs . Cukup kunjungi halaman Anda saat login; di Toolbar, Anda akan melihat robot ShortPixel yang terkenal:

Klik pada ikon itu dan Anda akan mengaktifkan Pemeriksa Gambar. Sebuah tag akan muncul untuk setiap gambar: “CDN” atau “ORIGIN”. "CDN" berarti bahwa gambar disajikan dioptimalkan dari CDN ShortPixel, dan "ASAL" yang disajikan dari server atau, dengan kata lain, Gambar Adaptif ShortPixel tidak memprosesnya.

Juga, kursor akan berubah menjadi tanda silang (⌖) dan ketika kita mengklik gambar, kita akan mendapatkan informasi dan tindakan tambahan:

Harga Dan Paket

Sebelum berbicara tentang harga, kita perlu ingat bahwa SPAI bekerja dengan cepat. Ini hanya memproses gambar jika dilihat setidaknya sekali dari front-end. Sampai itu terjadi, gambar akan tetap tidak diproses dan karena itu tidak akan mengeluarkan kredit apa pun.

Memproses gambar berarti pemotongan cerdas (jika dipilih), mengubah ukuran, dan mengoptimalkannya. Setelah gambar diproses, itu disimpan di server CDN ShortPixel dan dapat disajikan kepada semua orang menggunakan kuota lalu lintas CDN yang Anda beli. Selama ada cukup kuota lalu lintas CDN yang tersedia, gambar yang dioptimalkan akan disajikan dari CDN ShortPixel.

ShortPixel menawarkan kredit yang dikonversi ke kuota CDN. Aturannya sederhana: 5 MB lalu lintas CDN = 1 kredit . Kredit satu kali dan bulanan dapat digunakan untuk memproses gambar.

Paket bulanan

• Paket gratis = 100 kredit = 500 MB lalu lintas CDN = ~500 kunjungan/bulan
• Paket $4,99 /bulan = 5.000 kredit/bulan = 25 GB lalu lintas CDN = ~25.000 kunjungan/bulan
• Paket $9,99 /bulan = 16.000 kredit/bulan = 80 GB lalu lintas CDN = ~80.000 kunjungan/bulan
• Paket $29.99 /bulan = 55.000 kredit/bulan = 275 GB lalu lintas CDN = ~275.000 kunjungan/bulan
• Paket $99,99 /bulan = 220.000 kredit/bulan = 1 TB lalu lintas CDN = ~1.100.000 kunjungan/bulan

Rencana satu kali

• $9,99 – 10.000 kredit = 50 GB = ~50.000 kunjungan
• $19.99 – 30.000 kredit = 150 GB = ~150.000 kunjungan
• $29.99 – 50.000 kredit = 250 GB = ~250.000 kunjungan
• $99 – 170.000 kredit = 850 GB = ~850.000 kunjungan
• $249 – 500.000 kredit = 5 TB = ~2.500.000 kunjungan

Contoh: Katakanlah Anda memiliki situs web menengah dengan 5000+ gambar yang mendapat 10.000 kunjungan per bulan.

Paket bulanan $4,99/bulan akan memungkinkan 25 GB lalu lintas CDN, dan ini, dari pengujian kami, diterjemahkan menjadi sekitar 25.000 kunjungan per bulan.

Pelajari lebih lanjut tentang paket dan harga di sini.

Apakah itu layak?

Mempertimbangkan bahwa bagian terberat dari sebuah situs web selalu berupa gambar dan bahwa setiap detik ekstra yang dibutuhkan situs web untuk memuat menghasilkan pengguna dan konversi yang hilang, itu pasti sepadan . Ini adalah plugin install-and-forget, dan jika Anda ingin kembali ke gambar asli Anda, Anda cukup menghapusnya dan itu akan berhasil.

Selain itu, tim dukungan mereka luar biasa dan lusinan pengguna dapat menjaminnya di wordpress.org.

Ini adalah plugin yang sangat direkomendasikan yang membantu meningkatkan kecepatan situs web Anda, meningkatkan posisi Anda di Google dan jumlah pengunjung Anda. Dan jika Anda menggabungkannya dengan hosting berkualitas baik seperti Cloudways, hasilnya akan lebih seru.

Kami berharap ulasan tentang Gambar Adaptif ShortPixel ini akan membantu Anda menjadikan situs Anda super cepat!