Cara Malas Memuat Gambar di WordPress

Apakah Anda ingin memuat gambar dengan malas di WordPress? Lazy loading images adalah salah satu teknik paling dasar untuk meningkatkan kecepatan dan kinerja WordPress. Ini akan membantu Anda mengurangi beban server web dengan mengirimkan lebih sedikit permintaan HTTP, yang pada gilirannya meningkatkan kecepatan pemuatan halaman.

Jadi, dalam panduan ini, kami akan menunjukkan cara malas memuat gambar di WordPress tanpa masalah.

Tapi apa itu lazy loading, dan mengapa kita harus malas memuat gambar di WordPress? Mari kita singkirkan itu dulu.

Apa itu Lazy Loading dan Bagaimana Cara Kerjanya?

Lazy loading adalah teknologi sederhana yang digunakan blogger dan pengembang web untuk meningkatkan kecepatan situs web mereka. Idenya cukup sederhana.

Untuk situs WordPress tanpa lazy loading, ketika pengunjung mendarat di salah satu posting blog Anda, semua gambar di posting blog akan dimuat sekaligus. Sekarang, ini mungkin terdengar seperti pilihan yang lebih baik, tetapi ada kelemahannya. Jika postingan blog Anda memiliki terlalu banyak foto berkualitas tinggi, mungkin perlu waktu lama untuk memuatnya.

Di sisi lain, apa yang dilakukan lazy loading adalah hanya memuat gambar yang ada di dalam tampilan pengunjung saat ini. Kemudian, saat mereka menggulir ke bawah, sisa gambar dimuat saat mereka masuk ke dalam tampilan pengguna.

Akibatnya, server harus memuat lebih sedikit gambar di setiap permintaan HTTP, yang mengurangi beban pemrosesan di server dan membuat waktu respons lebih cepat.

Begitu banyak situs web saat ini menggunakan pemuatan lambat untuk mendapatkan kecepatan halaman yang lebih baik. Selain itu, mudah diatur dan dikelola, jadi mengapa tidak mencobanya?

Mari kita lihat beberapa keuntungan dari lazy loading dan pahami mengapa kita harus malas memuat gambar.

Mengapa Malas Memuat Gambar di WordPress?

Google menggunakan kecepatan halaman sebagai salah satu faktor peringkat. Jadi, jika Anda memiliki konten yang lebih baik tetapi kecepatan situs web yang buruk, Anda menyia-nyiakan usaha Anda. Pesaing Anda dapat dengan mudah mengungguli Anda dengan konten yang sama tetapi kecepatan situs web yang lebih baik.

Pemuatan lambat adalah salah satu cara paling sederhana dan paling efisien untuk membuat gambar Anda ditayangkan lebih cepat dari biasanya.

Saat Anda menulis posting blog petunjuk atau sejenisnya yang berisi ribuan kata dan banyak gambar detail, Anda harus memastikan bahwa gambar tersebut tidak memengaruhi kinerja situs web secara keseluruhan.

Jika dibiarkan tidak dioptimalkan, gambar dapat secara drastis mengurangi kinerja halaman web Anda. Waktu respons server yang lebih tinggi dan kecepatan halaman yang lebih rendah dapat meningkatkan rasio pentalan situs web Anda, yang tidak Anda inginkan terjadi dengan cara apa pun.

Terlepas dari caching WordPress biasa, pemuatan lambat dapat menjadi nyaman di sebagian besar situasi dan merupakan salah satu teknik yang banyak digunakan untuk meningkatkan kinerja situs Anda.

Saya yakin Anda memahami pentingnya pemuatan gambar yang malas di WordPress. Untungnya, WordPress juga mengenali ini sebagai fitur penting dan menawarkan pemuatan lambat secara native. Mari selami pemuatan malas asli WordPress.

Apa itu Pemuatan Malas Asli?

WordPress 5.5 hadir dengan fitur pemuatan malas asli. Fitur ini diaktifkan secara default, dan Anda tidak perlu melakukan hal lain untuk mengonfigurasinya. Keuntungan utama dari pemuatan malas asli adalah semua orang bisa mendapatkan fitur tersebut tanpa bergantung pada alat atau layanan tambahan.

Saat Anda memasukkan gambar atau media iframe ke dalam halaman atau posting Anda, WordPress akan secara otomatis menambahkan tag loading="lazy" ke versi HTML.

Misalnya, versi HTML gambar yang diperbarui akan terlihat seperti ini:

 <img src="QuadLayer-Blog.jpg" loading="malas" alt="QuadLayers" />

Dan iframe akan menjadi seperti:

 <iframe src="QuadLayers-products.html" loading="lazy"></iframe>

Semua gambar dan iframe akan diperbarui secara otomatis setelah menerbitkan atau memperbarui posting blog. Berikut ini adalah jenis gambar yang akan dimodifikasi oleh fitur lazy loading bawaan yang baru:

• Gambar konten
• Gambar kutipan
• Gambar widget
• Avatar
• Gambar template

Namun, jika Anda tidak ingin pemuatan lambat bawaan, Anda dapat menonaktifkannya dengan menambahkan cuplikan kode berikut:

 add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Dengan pemuatan malas asli dinonaktifkan, Anda dapat memuat gambar dengan lambat di WordPress menggunakan plugin khusus. Plugin pemuatan malas khusus adalah metode terbaik dan pilihan untuk menangani beban malas. Selain itu, Anda dapat menambahkan gambar dan video iframe ke pemuatan lambat dengan plugin.

Di bawah ini, kami telah mencantumkan beberapa plugin populer yang dapat Anda gunakan untuk menambahkan lazy loading ke situs WordPress Anda.

Plugin Terbaik untuk Memuat Gambar Malas di WordPress

Jika Anda mencari plugin lazy load untuk WordPress, Anda akan mendapatkan beberapa solusi gratis, freemium, dan premium. Bagian ini akan memperkenalkan tiga plugin populer dan kaya fitur yang dapat Anda gunakan untuk memuat gambar dengan lambat. Mereka:

• BJ Lazy Load – Gratis
• WP Rocket – Premium
• Smush – Freemium

Mari kita lihat fitur utama masing-masing plugin dan lihat mana yang bisa menjadi pilihan yang lebih baik untuk situs Anda.

1) BJ Beban Malas

BJ Lazy Load adalah alat yang tepat jika Anda lebih suka plugin dengan opsi konfigurasi minimal. Plugin ini tersedia dengan wizard pengaturan langsung, dan siapa pun yang memiliki pengetahuan dapat mengonfigurasinya. Plugin ini dapat digunakan untuk malas memuat file gambar dan video iFrame Anda.

Selain itu, jika Anda perlu menerjemahkan plugin ke bahasa lain selain bahasa Inggris, itu juga mungkin.

BJ Lazy Load adalah mitra yang sempurna ketika Anda membutuhkan plugin khusus untuk memuat gambar dan video dengan lambat.

Fitur

• Kompatibel dengan CDN
• Mudah digunakan
• Pengaturan Minimal
• Terjemahan Siap
• Bekerja dengan iFrames

Harga

BJ Lazy Load adalah plugin WordPress gratis .

2) Roket WP

WP Rocket adalah salah satu plugin caching WordPress paling kaya fitur yang tersedia. Ini memiliki banyak fitur, termasuk caching halaman, preloading cache, kompresi gzip, optimasi eCommerce, optimasi database, optimasi gambar, dan integrasi CDN.

Salah satu keuntungan utama dari plugin ini adalah kompatibilitasnya. WP Rocket kompatibel dengan sebagian besar tema dan plugin WordPress, jadi tidak akan ada konflik. Selain itu, pengoptimalan basis data adalah fitur keren lainnya yang ditawarkan oleh WP Rocket untuk mengoptimalkan situs web Anda.

Selain semua fitur luar biasa ini, plugin memungkinkan Anda mengaktifkan pemuatan lambat di situs web Anda. Dengan WP Rocket, Anda tidak memerlukan plugin beban malas khusus yang terpisah.

Fitur

• Caching Halaman
• Optimasi Basis Data
• Optimasi eCommerce
• Kompresi GZIP
• Integrasi CDN
• Pramuat Cache

Harga

WP Rocket adalah plugin caching premium . Ini memiliki banyak fitur, seperti yang Anda lihat, dan Anda bisa mendapatkannya seharga $ 49 setahun untuk satu situs.

3) Smush

Jika Anda perlu mengoptimalkan gambar Anda ke tingkat berikutnya, Smush adalah salah satu alat terbaik yang dapat Anda gunakan. Smush adalah plugin khusus untuk kompresi dan pengoptimalan gambar. Ini dibuat untuk meningkatkan kinerja situs WordPress Anda dengan mengurangi ukuran gambar dan mengaktifkan pemuatan lambat. Dengan plugin, Anda dapat mengompres gambar dan direktori tanpa batas .

Selain itu, tim telah membuat CDN (Content Delivery Network) khusus untuk meningkatkan penayangan gambar. Selain itu, berbagai peluang integrasi seperti Gutenberg, WP Bakery, Gravity Forms, dan Amazon S3 dapat membantu pemilik situs web membangun integrasi yang lebih kuat dan meningkatkan produktivitas.

Fitur

• Mudah Dikelola
• Optimasi Gambar Tanpa Batas
• CDN khusus
• Direktori Smush
• Beberapa Integrasi

Harga

Smush adalah solusi freemium . Versi gratis dari plugin mungkin cukup untuk operasi dasar tetapi terasa agak terbatas. Jika Anda menginginkan pengalaman penuh, Anda bisa mendapatkan keanggotaan premium mulai dari $7,5 per bulan untuk satu situs .

Jadi, ini adalah beberapa opsi terbaik untuk menambahkan lazy load ke WordPress. Namun, jika Anda ingin melihat lebih banyak opsi yang tersedia, silakan lihat daftar khusus plugin lazy load terbaik kami untuk WordPress.

Dengan itu, akhirnya mari kita lihat bagaimana kita dapat memuat gambar dengan malas di WordPress.

Cara Malas Memuat Gambar di WordPress

Bagian ini akan mengajari Anda cara memuat gambar dengan lambat di WordPress menggunakan plugin BJ Lazy Load . Jadi, tanpa basa-basi lagi, mari kita mulai.

Hal pertama yang ingin Anda lakukan adalah menginstal dan mengaktifkan plugin di situs WordPress Anda. Selanjutnya, masuk ke Dasbor Admin WordPress dan buka bagian Tambahkan plugin baru .

Dari sana, Anda dapat mencari BJ Lazy Load.

Setelah Anda menginstal plugin, aktifkan.

Setelah plugin aktif, di bawah pengaturan WordPress, Anda dapat melihat konfigurasi plugin.

Di sana, Anda akan melihat semua opsi konfigurasi yang tersedia.

Konfigurasi default yang disertakan dengan plugin ini cukup bagus. Tetapi jika Anda perlu mengubahnya, Anda dapat melakukannya dari halaman pengaturan plugin. Apa pun yang Anda lakukan, pastikan Anda telah mengaktifkan pemuatan lambat gambar dan iframe.

Selanjutnya, pilih jenis konten yang Anda butuhkan untuk memuat lambat.

Jika Anda perlu mencegah gambar tertentu dari pemuatan lambat, Anda dapat menggunakan fitur ini untuk melewati gambar yang berisi kelas tertentu.

Untuk melakukannya dengan benar, Anda dapat menambahkan kelas CSS ke gambar dan menyebutkan kelas CSS di dalam pengaturan BJ Lazy Load. Ambang batasnya bisa 200. Anda tidak perlu mengubah nilainya di sana.

Setelah Anda mengubah pengaturan, simpan perubahannya.

Itu dia.

Ini adalah bagaimana Anda dapat menambahkan pemuatan malas ke situs web WordPress Anda. Seperti yang Anda lihat, dengan plugin BJ Lazy Load, ini cukup sederhana.

Sekarang lazy loading hanya satu bit yang dapat Anda lakukan untuk mengoptimalkan gambar di situs Anda. Namun, ada cara lain untuk lebih mengoptimalkan gambar Anda. Misalnya, mengompresi gambar ke ukuran yang lebih kecil dan mengurangi beban di server Anda. Jadi, mari kita lihat bagaimana melakukannya.

BONUS: Cara Mengompresi Gambar Online untuk Meningkatkan Kinerja

Terlepas dari pemuatan lambat, mengompresi gambar adalah praktik bagus lainnya untuk menjaga kinerja situs web tetap optimal. Biasanya, kami mengunduh gambar stok atau mengambil tangkapan layar dan mengunggahnya langsung ke perpustakaan media WordPress.

Nah, ini bukan praktik yang baik.

Beberapa gambar mungkin memiliki ukuran 1MB atau lebih besar, jadi mengunggah gambar ini akan menghabiskan semua ruang penyimpanan Anda yang tersedia di server web. Beberapa perusahaan web hosting juga akan membatasi ruang penyimpanan yang tersedia, jadi Anda harus berhati-hati ketika berhadapan dengan media dengan ukuran file yang lebih besar.

Bagian ini akan menunjukkan bagaimana Anda dapat mengompresi gambar secara online dan mengurangi ukuran file tanpa mempengaruhi kualitasnya.

Metode 1: Kompresor Gambar Online

Anda dapat menggunakan alat online jika Anda tidak ingin menggunakan plugin WordPress tambahan untuk mengompresi gambar. Banyak alat yang tersedia, seperti TinyPNG, TinyJPG, ImageCompressor, dll.

Kami akan menggunakan alat gratis yang disebut kompresor gambar ShortPixel untuk tutorial ini.

Mereka memiliki beberapa tingkat kompresi yang tersedia.

Jika Anda tidak yakin tentang itu, pertahankan Lossy sebagai jenis kompresi. Itu bagus, dan begitu banyak orang yang menggunakannya. Saat siap untuk mengoptimalkan gambar, seret dari penyimpanan lokal Anda dan letakkan di dalam kotak.

Ini akan memakan waktu beberapa detik untuk menyelesaikan kompresi. Setelah alat selesai dengan pengoptimalan, Anda dapat melihat ukuran sebenarnya dari gambar dan ukuran gambar saat ini di layar.

Setelah alat ini mengompresi gambar, Anda dapat mengunduhnya satu per satu atau mengunduh kelima file di dalam ZIP. Anda dapat tetap menggunakan alat ini jika ukuran gambar di bawah 10MB. Namun, jika ukuran lampiran Anda melebihi 10MB, Anda harus membuat akun di sana.

Ini adalah bagaimana Anda dapat menggunakan alat kompresor gambar ShortPixel untuk mengurangi ukuran gambar tanpa kehilangan kualitas.

Metode 2: Dengan Plugin WordPress

Jika Anda perlu mengotomatiskan tugas mengompresi gambar, Anda perlu menggunakan plugin WordPress khusus. Dengan cara ini, plugin akan menangani pengoptimalan gambar tepat setelah Anda mengunggahnya.

ShortPixel juga menawarkan plugin WordPress yang hadir dengan setiap fitur yang mungkin dibutuhkan oleh plugin kompresi gambar biasa. Anda dapat menggunakannya untuk mengompresi gambar secara otomatis.

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

Untuk menggunakan alat ini, Anda memerlukan kunci API. Kunci dapat dibuat dengan memasukkan alamat email Anda. Setelah mengonfigurasinya, buka Pengaturan umum untuk mengonfigurasi plugin.

Setelah mengutak-atik pengaturan, simpan perubahannya. Mulai sekarang, plugin akan mengoptimalkan setiap gambar yang Anda unggah ke server.

Itu dia.

Kedua metode ini adalah yang paling umum untuk menambahkan banyak gambar ke situs WordPress Anda. Jika Anda memerlukan panduan khusus, kami memilikinya untuk Anda tentang mengompresi gambar di WordPress.

Plus, Anda dapat memeriksa artikel ini untuk mempelajari lebih lanjut tentang plugin kompresi gambar WordPress terbaik.

Kesimpulan

Seperti yang kami sebutkan sebelumnya, Google menganggap kecepatan halaman sebagai faktor peringkat. Jadi, jika Anda perlu peringkat lebih tinggi dari pesaing Anda, Anda harus mengembangkan teknologi untuk meningkatkan kecepatan dan kinerja situs web Anda.

Lazy loading adalah fitur sederhana dan berharga untuk meningkatkan kecepatan dan kinerja situs Anda. Menerapkan lazy load di situs WordPress juga sederhana. Beberapa plugin tersedia untuk tugas tersebut, dan Anda dapat memilih salah satunya.

Pada artikel ini, kita telah melihat cara malas memuat gambar di WordPress. Kami telah memilih plugin BJ Lazy Load untuk tutorial ini, yang hadir dengan konfigurasi yang sangat minim. Setelah Anda mengubah fitur yang ada, Anda siap melakukannya. Ini sangat mudah digunakan, dan tidak diperlukan pengkodean atau pengetahuan teknis.

Kami harap Anda menemukan artikel ini bermanfaat dan mempelajari cara memuat gambar dengan malas di WordPress. Silakan pertimbangkan untuk membagikan posting ini dengan teman dan sesama blogger Anda di media sosial jika Anda melakukannya. Untuk panduan dan tutorial yang lebih bermanfaat, silakan kunjungi blog kami.

Artikel serupa yang mungkin Anda sukai:

• Cara Memperbaiki Toko WooCommerce yang Lambat dan Mempercepatnya
• 11 Cara Anda Dapat Meningkatkan Kinerja WordPress Secara Keseluruhan
• Plugin Caching Terbaik untuk WordPress (Gratis dan Premium)