Cara menggunakan Lazy Load untuk memuat gambar di WordPress

Apakah Anda ingin mempelajari cara menggunakan lazy loading untuk memuat gambar ke WordPress?

Lazy Load adalah teknik yang memungkinkan situs web Anda memuat hanya gambar ketika pengguna menggulir ke bawah ke gambar tertentu, yang mengurangi waktu buka situs web dan meningkatkan kinerja situs web.

Situs web paling populer yang sarat dengan gambar menggunakan Lazy Load untuk meningkatkan kecepatan dan kinerja situs web.

Pada artikel ini, kami akan menunjukkan cara memuat gambar ke WordPress menggunakan Lazy Load.

Mengapa Malas Memuat Gambar di WordPress?

Pemuatan gambar Anda yang lambat di WordPress dapat mempercepat situs web Anda dan memberikan pengalaman pengguna terbaik.

Tidak ada yang suka situs web yang lambat. Faktanya, sebuah studi kinerja menemukan bahwa penundaan satu detik dalam waktu buka halaman menghasilkan konversi 7% lebih sedikit, tampilan halaman 11% lebih sedikit, dan kepuasan pelanggan 16% lebih rendah.

Mesin pencari seperti Google juga tidak menyukai website yang loadingnya lambat. Itu sebabnya situs web yang lebih cepat mendapat peringkat lebih tinggi dalam hasil pencarian.

Gambar membutuhkan waktu paling lama untuk dimuat di situs web Anda dibandingkan dengan elemen web lainnya. Jika Anda menambahkan banyak gambar ke posting Anda, setiap gambar meningkatkan waktu buka halaman Anda.

Salah satu cara untuk menangani situasi ini adalah dengan menggunakan Layanan CDN. CDN akan memungkinkan pengguna untuk mengunduh gambar dari server web terdekat dengan mereka dan mengurangi kecepatan memuat situs web.

Namun, gambar Anda akan tetap dimuat dan akan memengaruhi waktu pemuatan halaman secara keseluruhan. Untuk mengatasi masalah ini, Anda dapat menunda pemuatan gambar dengan menerapkan pemuatan malas atau Lazy Load di situs web Anda.

Bagaimana cara kerja pemuatan gambar yang lambat?

Alih-alih memuat semua gambar Anda sekaligus, pemuatan lambat hanya mengunduh gambar yang terlihat di layar pengguna. Ini menggantikan semua gambar lain dengan gambar placeholder atau ruang kosong.

Saat pengguna menggulir ke bawah, situs web Anda memuat gambar yang terlihat di area tampilan browser.

Lazy loading bisa sangat bermanfaat untuk blog WordPress Anda.

• Ini mengurangi waktu pemuatan awal halaman web, sehingga pengguna akan melihat situs web Anda lebih cepat
• Menghemat bandwidth dengan hanya menyediakan gambar pada saat melihat dan dapat menghemat biaya hosting

Rilis WordPress 5.5 menambahkan lazy loading sebagai fitur default.

Namun, jika Anda ingin menyesuaikan bagaimana gambar Anda dimuat dengan lambat dan gambar latar belakang dimuat dengan lambat, Anda harus menggunakan a WordPress Plugin.

Catatan: Meskipun lazy loading atau Lazy Load akan membantu meningkatkan kecepatan pemuatan situs web, Anda harus selalu mengoptimalkan gambar untuk web sebelum mengunggah ke WordPress untuk kinerja maksimal.

Kami akan berbagi dua plugin WordPress yang berbeda yang dapat membantu Anda mengatur pemuatan lambat pada gambar WordPress dengan mudah.

Metode 1. Lazy Load Images di WordPress dengan WP Rocket

Kami menyarankan Anda menggunakan plugin WP Rocket untuk memuat gambar dengan malas ke WordPress. Ini adalah plugin caching WordPress terbaik di pasar dan memungkinkan Anda untuk dengan mudah mengaktifkan pemuatan gambar yang lambat.

Selain itu, ini adalah plugin yang sangat kuat yang membantu Anda mengoptimalkan kecepatan situs web Anda tanpa mengetahui istilah teknis yang rumit.

Setelah instalasi dan aktivasi, semua pengaturan caching default yang direkomendasikan akan secara dramatis mempercepat situs WordPress Anda.

Untuk mengaktifkan pemuatan lambat gambar, Anda hanya perlu mencentang beberapa kotak. Anda bahkan dapat mengaktifkan pemuatan lambat untuk video, yang selanjutnya akan meningkatkan kecepatan situs web Anda.

Metode 2. Lazy Load Images di WordPress dengan Optimole

Metode ini menggunakan plugin gratis Optimole. Ini adalah salah satu plugin kompresi gambar WordPress terbaik dan memungkinkan Anda untuk mengaktifkan pemuatan gambar yang lambat dengan mudah.

Jika Anda mendapatkan lebih dari 5 pengunjung per bulan, Anda memerlukan versi premium.

Saat mengaktifkan, buka Media »Optimole, lalu daftar untuk mendapatkan kunci API.

Cukup klik pada tombol Daftar & Kunci API EmailDan itu akan dikirim ke email Anda.

Kemudian masukkan kunci API Anda dan klik " Hubungkan ke Layanan OptiMole '.

Setelah itu, klik tab " Pengaturan”.

Di sini Anda dapat memastikan bahwa " Skala gambar & Beban malas" diaktifkan. Ini akan menghasilkan gambar berdasarkan ukuran layar pengunjung Anda dan meningkatkan kecepatan pemuatan.

Kemudian klik opsi menu " Mahir »Dan pilih« Lazyload ».

Di layar ini, ada berbagai pengaturan yang memungkinkan Anda untuk menyesuaikan bagaimana gambar Anda akan dimuat dengan malas.

Pertama-tama, Anda dapat menyesuaikan " Kecualikan dulu gambar dari lazyload ". Ini akan mencegah gambar pertama Anda artikel atau halaman untuk menggunakan beban malas.

Anda dapat mengatur opsi ini ke 0 jika Anda ingin setiap gambar dimuat dengan malas.

Kemudian Anda dapat mengaktifkan opsi " Skala Gambar '.

Ini akan menyesuaikan gambar dengan ukuran layar pengunjung dan membuat halaman Anda dimuat lebih cepat.

Setelah itu Anda dapat mengaktifkan pengaturan " Aktifkan Lazyload untuk gambar latar belakang '.

Ini akan dengan malas memuat gambar latar belakang Anda, yang dapat berupa beberapa gambar yang lebih besar di situs web Anda.

Pengaturan lain yang dapat Anda aktifkan adalah pemuatan lambat video dan iframe yang disematkan. Jika Anda memiliki banyak konten video yang disematkan, Anda harus mengaktifkan pengaturan ini.

Ini akan memuat gambar placeholder alih-alih video. Ketika Anda mengkliknya, video penuh dimuat.

Anda dapat terus menyesuaikan pengaturan ini dan melihat apa yang terbaik untuk situs web dan gambar Anda.

Sebelum keluar dari pengaturan plugin, pastikan untuk mengklik " Simpan Perubahan '.

1. ARMember

ARMember adalah WordPress Plugin perlindungan konten. Ini adalah solusi unik yang memungkinkan Anda untuk menjual langganan di situs web apa pun. Ini memiliki seluruh jajaran alat yang dapat sepenuhnya atau sebagian melindungi kontennya.

Fitur lainnya adalah fakta bahwa ia menawarkan opsi gratis yang agak terbatas dalam hal fungsionalitas. Berbicara tentang fitur, ini kuat WordPress Plugin penawaran antara lain:

Kemampuan untuk menjadwalkan konten, dukungan untuk beberapa paket berlangganan, pengaturan mudah, migrasi antar paket berlangganan, Dukungan WooCommerce, beberapa templat formulir, dan banyak lagi.

Ini juga referensi di ceruk ini.

Download | Demo | Hébergement Web 

2. Tampilan Pajak menurut Negara untuk WooCommerce

Tampilan Pajak Berdasarkan Negara untuk WooCommerce adalah plugin yang memungkinkan Anda untuk menampilkan harga produk dengan atau tanpa pajak, tergantung pada negara pengunjung. Ini juga memungkinkan Anda untuk memilih negara penagihan pengunjung.

Ingatlah bahwa terkadang pelanggan bisa bingung karena mata uang yang berbeda dan ketika itu termasuk pajak, itu bahkan lebih rumit. Oleh karena itu, Tax Display By Country memungkinkan Anda menghilangkan hambatan ini dan menyederhanakan proses pembelian.

Download | Demo | Hébergement Web

3. Slick Popup Pro

Slick Popup Pro adalah Ekstensi WordPress cukup sederhana dan ringan yang mengubah bentuk apa pun yang dibuat oleh plugin Hubungi Formulir 7 dalam munculan. Dia menggunakan bentuk dan mengubahnya menjadi popup yang indah dan sangat responsif.

Bentuk popup dapat memiliki beberapa kegunaan termasuk: formulir pengumpulan informasi, a formulir kontak, formulir pendaftaran, formulir kutipan, formulir saran / keluhan dan lain-lain.

Download | Demo | Hébergement Web

• Bagaimana mengkonfigurasi All In One SEO Pack WordPress
• Cara memperbarui tema WordPress Anda membeli di Themeforest
• Cara menampilkan link WordPress untuk log out
• Bagaimana mengkonfigurasi All In One SEO Pack WordPress

Kesimpulan

Voila! Itu saja untuk tutorial ini. Kami harap artikel ini membantu Anda mempelajari cara memuat gambar dengan malas di WordPress. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda. 

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...