Lazy Loading WordPress: Cara Menambahkannya ke Situs Anda

Memiliki kecepatan memuat halaman yang baik penting untuk memberikan pengalaman pengguna yang baik dan juga membantu Anda meningkatkan peringkat mesin pencari. Dalam hal membuat situs web online atau situs web bisnis, tidak ada CMS lain yang lebih baik daripada WordPress.

Pemuatan malas adalah strategi terbaik untuk memiliki banyak sumber daya media sambil mempertahankan waktu muat yang baik untuk situs web Anda. Ini adalah strategi kritis yang mengidentifikasi sumber daya non-kritis dan memuatnya hanya saat dibutuhkan. Menggunakan strategi ini mengurangi waktu muat halaman, mengurangi rasio pentalan, dan meningkatkan pengalaman pelanggan.

WordPress adalah CMS terkemuka yang memungkinkan Anda mengintegrasikan video, gambar, dan media lain ke dalam situs web Anda. Namun, versi baru ini juga hadir dengan fungsi lazy loading WordPress.

Setelah Anda mengaktifkan fungsi lazy loading WordPress, semua gambar atau video yang menakjubkan di situs Anda akan melalui lazy loading.

Sekarang pengunjung dapat memuat situs Anda dengan cepat dan mengakses konten. Taktik ini sangat disarankan jika pendapatan bisnis Anda bergantung pada situs web WordPress Anda.

Apa itu lazy loading dan bagaimana cara kerjanya?

Lazy loading adalah teknik pengoptimalan yang membuat pemuatan konten terlihat oleh pengguna dan menunda pengunduhan dan perenderan konten paro bawah.

Jika situs web Anda memiliki banyak gambar dan video beresolusi tinggi, maka situs Anda tidak perlu memuat dengan lambat. Itu dapat memprioritaskan gambar dan video penting ini, yang sangat mengurangi waktu pemuatan.

Begini Cara kerjanya:

• Browser membuat DOM halaman web tanpa mengunduh gambar dan memuat video terlebih dahulu.
• Gambar yang akan diunduh dan video yang akan dimuat sebelumnya didasarkan pada konten yang terlihat pertama kali yang ditentukan oleh JavaScript.
• Lazy loading hanya memuat gambar atau video saat pengunjung melihatnya di layar.

Gambar dan video tidak dimuat terlebih dahulu sampai benar-benar dibutuhkan. Jika Anda tidak membuka beberapa bagian situs web, beberapa gambar tersebut tidak akan pernah dimuat.

Pemuatan malas pada dasarnya adalah pemuatan berbasis prioritas dari gambar dan video WordPress Anda. Ini adalah cara yang sangat efektif untuk mendapatkan yang terbaik dari kedua dunia. Anda dapat memiliki situs web yang luar biasa dengan grafik dan kecepatan yang luar biasa.

Bagaimana cara menambahkan pemuatan lambat WordPress ke situs web Anda

Ada dua cara untuk menambahkan pemuatan malas ke situs Anda. Anda dapat melakukannya dengan plugin WordPress dan secara manual. Untuk memastikan keberhasilan tugas ini, penting untuk mengetahui kedua metode tersebut.

1. Menerapkan lazy loading menggunakan plugin

Anda dapat menghilangkan semua masalah pemuatan lambat WordPress Anda dengan menginstal sebuah plugin. Ada banyak plugin yang tersedia di WordPress tetapi menggunakan plugin pengoptimalan kecepatan akan membawa manfaat lain.

Anda dapat menggunakan plugin seperti w3speedster yang akan mengoptimalkan kecepatan keseluruhan situs sambil menerapkan pemuatan lambat. Anda memiliki kontrol mutlak atas gambar mana yang dapat Anda muat dengan malas dan semua ini dapat dilakukan tanpa pengkodean apa pun.

Jika tim Anda tidak memiliki banyak keahlian teknis, menggunakan plugin akan menjadi pilihan terbaik. Setelah selesai menggunakan plugin, periksa kecepatan Anda melalui PageSpeed ​​Insights. Jika Anda melihat peningkatan drastis, maka Anda telah melakukan pekerjaan dengan benar!

Anda dapat yakin bahwa pengunjung Anda akan disambut dengan pengalaman pengguna yang luar biasa.

Ikuti langkah-langkah ini untuk berhasil menambahkan plugin w3speedster ke situs web Anda.

Langkah 1: Instal dan aktifkan plugin

Masuk ke dashboard WordPress, klik bagian plugin, lalu klik add new. Temukan plugin w3speedster dan klik unggah. Pilih file zip dan kemudian klik instal.

Sebelum proses instalasi dapat dimulai, WordPress akan meminta Anda untuk mengonfirmasi apakah Anda ingin menambahkan plugin ke situs Anda atau tidak. Pilih ya dan proses instalasi akan dimulai.

Setelah plugin diaktifkan, Anda dapat mulai menikmati manfaatnya. Namun, sebelum itu, Anda harus menuju ke bagian pengaturan.

Langkah 2: Gunakan panel pengaturan untuk mengonfigurasi plugin

Buka plugin w3speedster sehingga Anda dapat mengonfigurasi pengaturan untuk pemuatan lambat. Di sini Anda dapat memilih file media yang ingin dimuat lambat oleh situs Anda.

Plugin ini memungkinkan Anda memuat gambar, video, audio, dan iframe dengan malas. Klik kotak centang pada file media yang ingin Anda muat malas. Setelah Anda menentukan pilihan, simpan perubahan, lalu keluar.

2. Tambahkan lazy loading secara manual

Jika Anda tidak ingin menambahkan plugin lain ke situs WordPress Anda, Anda akan senang mengetahui bahwa Anda juga dapat melakukannya secara manual. Beberapa browser seperti Chrome, Firefox, dan Opera mendukung pemuatan malas asli.

Anda hanya perlu menambahkan atribut ke gambar dan video yang dipilih. Setelah Anda menambahkan atribut, Anda akan mengaktifkan pemuatan malas di situs Anda secara otomatis.

Pemuatan malas sekarang diterapkan di situs WordPress Anda secara default. Jika Anda ingin mengaktifkan lazy loading hanya untuk beberapa gambar saja, maka Anda bisa melakukannya secara manual.

<img src=”nama-gambar.png” loading=”malas” alt=”alt atribut” width=”300″ height=”300″>

Meskipun ini adalah cara luar biasa untuk menambahkan pemuatan malas ke situs web WordPress Anda. Anda harus tahu bahwa tidak semua browser mendukung metode ini. Namun, beberapa yang paling populer melakukannya. Jadi ini masih taruhan yang aman.

Pro dan kontra pemuatan lambat

Jika Anda tidak yakin tentang penerapan lazy loading ke situs web WordPress Anda. Kemudian Anda dapat mempertimbangkan pro dan kontra untuk mengambil keputusan.

Pro

• Ini mengurangi penggunaan bandwidth yang mengurangi biaya hosting.
• Ini meningkatkan kecepatan situs yang membuat pengalaman pengunjung menjadi lebih baik.
• Meningkatkan kegunaan seluler.
• Meningkatkan peringkat situs.
• Meningkatkan peluang retensi pengguna

Kontra

• Ini memperlambat kecepatan gulir.

Bagaimana dampak pemuatan lambat pada SEO?

Mesin pencari merayapi situs web Anda dan elemen lain di dalamnya seperti gambar untuk memberikan hasil kepada pengguna. Meskipun lazy loading dapat meningkatkan kecepatan situs dan meningkatkan performa.

Dalam beberapa kasus, ini dapat mencegah mesin telusur mengindeks gambar. Gambar situs web Anda juga dapat membantu Anda menentukan peringkat di mesin telusur. Terkadang pengguna dapat menemukan situs web Anda sepenuhnya melalui gambar. Jadi, mereka sangat penting untuk mendapatkan hasil organik.

Berikut beberapa hal yang perlu diperiksa

• Anda harus memastikan bahwa Google dan mesin telusur lainnya masih dapat merayapi gambar Anda yang memuat lambat. Ini dapat diperiksa dengan menggunakan alat "Ambil sebagai Google" di bawah bagian perayapan di Google Search Console. Jika Anda dapat melihat gambar dalam kode sumber, maka Anda siap melakukannya.
• Anda harus menggunakan tag alt untuk gambar situs web Anda. Ini akan membantu mesin pencari mengetahui konteks gambar dan bagaimana kaitannya dengan konten situs web Anda lainnya.

Kesimpulan

Meskipun pemuatan lambat adalah metode yang bagus untuk meningkatkan pengalaman pengguna, penting untuk melakukan hal yang sama secara strategis. Misalnya, Anda tidak boleh malas memuat gambar yang muncul di header situs. Karena penting agar gambar-gambar ini dimuat dengan cepat.

Selain itu, Anda dapat memuat media situs lainnya dengan malas. Lazy loading memiliki lebih dari satu manfaat. Ini meningkatkan kecepatan situs, mengurangi penggunaan bandwidth, memberikan pengalaman pengguna yang luar biasa, dan meningkatkan SEO.