Loncat ke Konten Utama

Cara menggunakan Lazy Load untuk memuat gambar di WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

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.

gunakan lazy load untuk memuat gambar

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 cara gambar Anda memuat dengan malas dan dengan malas memuat gambar latar belakang, Anda harus menggunakan plugin WordPress.

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 membagikan dua plugin WordPress berbeda yang dapat membantu Anda dengan mudah mengatur pemuatan lambat pada gambar WordPress.

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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

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.

gunakan lazy load untuk memuat gambar

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 '.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

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 '.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. ARMember

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

Plugin Keanggotaan WordPress ARMember

Fitur lainnya adalah kenyataan bahwa ia menawarkan opsi gratis yang agak terbatas dalam hal fungsionalitas. Berbicara tentang fitur, plugin WordPress yang kuat ini menawarkan 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. Tampilan pajak oleh Negara untuk WooCommerce

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 | DemoHébergement Web

3. Slick Popup Pro

Slick Popup Pro adalah plugin WordPress yang 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.Plugin Popup WordPress Slick Popup Pro

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

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

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

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.

...  

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas