Plugin Lazy Load Terbaik untuk Membuat Situs WordPress Anda Lebih Cepat
Diterbitkan: 2019-04-01Situs dengan banyak gambar membutuhkan waktu lama untuk dimuat. Untuk setiap gambar, itu adalah permintaan HTTP lainnya, dan pengguna Anda harus menunggu lebih lama dengan frustrasi sementara halaman dimuat dengan lambat.
Jadi apa solusinya? Pemuatan malas.
Lanjutkan membaca, atau lompat ke depan menggunakan tautan ini:
- Pemuatan Malas Asli Tiba dengan WordPress 5.5
- Apakah Plugin Diperlukan Lagi?
- Akses ke Antarmuka
- Kompatibilitas Peramban
- Optimasi Ekstra
- Apakah Ada Manfaat untuk Native Lazy Loading?
- Plugin Beban Malas Terbaik
- Selengkapnya Tentang Pemuatan Malas
Pemuatan yang lambat dapat secara signifikan mempercepat situs yang penuh gambar dan tidak membutuhkan waktu sama sekali untuk mengaktifkannya di situs Anda.
Singkatnya, ini memaksa gambar untuk memuat hanya ketika mereka "di paro atas" - dengan kata lain, hanya gambar yang muncul di browser pengguna yang akan dimuat.
Jadi, jika Anda memiliki halaman yang menampilkan 10 Tema WordPress Layar Penuh Segar dan Gratis, hanya beberapa gambar pertama di postingan yang akan dimuat dan yang lainnya akan dimuat saat pengguna menggulir halaman ke bawah.
Pemuatan Malas Asli Tiba dengan WordPress 5.5
Lazy loading masih merupakan fitur yang relatif baru untuk WordPress.
Ini bekerja dengan menambahkan atribut "malas" dan mengatur nilainya menjadi "memuat" pada gambar Anda, yang kemudian diproses oleh browser pada output.
Jika Anda memiliki plugin pemuatan lambat yang setia atau melalui fase di mana Anda tidak ingin pemuatan malas diaktifkan sama sekali, Anda akan senang mendengar bahwa Anda dapat menonaktifkannya.
Beberapa plugin melakukan ini secara otomatis, namun, jika Anda perlu melakukannya secara manual, cukup buka file functions.php Anda dan tambahkan berikut ini:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Ini akan menonaktifkan fitur lazy loading WordPress, artinya Anda akan dapat menggunakan plugin pilihan Anda tanpa risiko konflik.
Ini hanya satu baris kode, tetapi jika Anda merasa tidak nyaman menambahkannya, Anda dapat mengunduh plugin sederhana ini yang akan melakukannya untuk Anda.
Apakah Plugin Diperlukan Lagi?
Anda mungkin bertanya-tanya apakah akan menggunakan plugin sama sekali sekarang karena WordPress menawarkan pemuatan malas asli.
Baca terus, karena sebenarnya ada beberapa alasan Anda mungkin ingin tetap menggunakan plugin:
Akses ke Antarmuka
Plugin lazy loading yang bagus seperti Smush menawarkan antarmuka dengan opsi untuk mengubah pengaturan tertentu, serta kemampuan untuk mengaktifkan dan menonaktifkan lazy loading dengan satu sentuhan tombol.
Opsi ini dapat berkisar dari jenis gambar yang akan dimuat dengan lambat, hingga halaman yang menerapkan pemuatan lambat. Jika Anda ingin mengubah pengaturan seperti ini tanpa plugin, Anda harus mempelajari kode lebih dalam dan menambahkan pengecualian ini secara manual.
Kompatibilitas Peramban
Hal positif lainnya adalah sebagian besar plugin akan bekerja di semua browser. Safari adalah salah satu browser utama yang tidak mendukung atribut pemuatan, oleh karena itu jika Anda memiliki situs web dengan banyak gambar, Anda dapat melihat pengguna dari browser yang tidak didukung memantul. Ini adalah sesuatu yang tidak perlu Anda khawatirkan saat menggunakan plugin.
Optimasi Ekstra
Kebanyakan plugin menawarkan lebih dari sekedar lazy loading. Memperkenalkan plugin pengoptimalan gambar ke situs web Anda mungkin merupakan salah satu keputusan terbaik yang pernah Anda buat.
Plugin seperti Smush dapat membantu Anda memenuhi rekomendasi Google PageSpeed terkait gambar dan meningkatkan kecepatan situs Anda – pemuatan lambat hanyalah permulaan!
Apakah Ada Manfaat untuk Native Lazy Loading?
Di permukaan, sepertinya sebuah plugin akan melakukan semua yang dapat dilakukan oleh pemuatan malas asli, dan banyak lagi.
Meskipun secara teknis ini benar, perbedaan utamanya adalah sebagian besar plugin akan melibatkan pengenalan pustaka JavaScript, yang akan menjadi sandaran situs Anda.
Pemuatan malas asli lebih sederhana dan mudah dan tidak memerlukan banyak kode tambahan.
Plugin pengoptimalan gambar kami, Smush, sebenarnya menawarkan versi pemuatan lambat bawaannya sendiri.
Ini bekerja dengan dasar yang sama seperti WordPress tetapi mendukung semua format gambar yang sama dengan yang dilakukan Smush.
Native lazy loading mungkin adalah sesuatu yang dapat digunakan sebagai dasar untuk pengembangan lain di masa mendatang, tetapi setidaknya untuk saat ini, plugin cocok untuk sebagian besar situs.
Jika Anda lebih menyukai ide plugin untuk menyelesaikan kebutuhan pemuatan lambat Anda, kami telah mengumpulkan koleksi plugin pemuatan malas gratis.
Pengoptimalan Gambar Smush
Smush adalah plugin pengoptimalan gambar all-in-one paling populer karena suatu alasan. Kami menyertakan semua yang Anda butuhkan untuk membuat gambar Anda dimuat lebih cepat.
Pemuatan lambat tersedia pada versi gratis Smush dan Smush Pro turbo-charged, yang dilengkapi dengan Smush Pro CDN, dan tidak seperti pemuatan malas asli, kompatibel dengan semua browser.
Untuk mengaktifkan lazy loading dengan Smush, kami telah membuat prosesnya menjadi super-duper sederhana. Yang perlu Anda lakukan adalah pergi ke bagian Lazy Loading di Smush dan tekan tombol Activate . Itu dia.
Anda dapat menyesuaikan pengaturan lebih lanjut setelah pemuatan lambat diaktifkan, tetapi itu tidak perlu. Pengaturan default Smush dan Smush Pro adalah semua yang Anda butuhkan untuk melihat peningkatan kinerja yang besar.
a3 Beban Malas
A3 Lazy load adalah plugin populer untuk pemuatan lambat gambar, iframe, video, dan elemen lain di situs Anda.
Ini memiliki banyak pengaturan sehingga Anda dapat menyesuaikan bagaimana Anda ingin aset di situs Anda dimuat.
Itu juga diuji agar 100% kompatibel dengan plugin populer seperti WooCommerce, Bidang Kustom Tingkat Lanjut, dan berbagai CDN.
gila malas
Inilah plugin pemuatan malas ultra ramping lainnya yang berfungsi. Tidak diperlukan konfigurasi yang rumit.
Bergantung pada tema atau penggunaan jQuery, Crazy Lazy secara opsional akan menggunakan versi modifikasi dari plugin jQuery Unveil.js atau library JavaScript asli lazyload.js.
Beban Malas untuk Video
Tidak semua plugin pemuatan malas bekerja dengan video, yang memalukan karena video dapat menambahkan lebih banyak ukuran file halaman web Anda daripada gambar.
Lazy Load for Videos dapat membantu Anda memuat dengan malas video yang dihosting di Vimeo atau YouTube. Ini memuat gambar placeholder dan hanya memuat video dan pemutar video lengkap jika pengunjung mengkliknya.
Ini penting jika situs Anda memiliki banyak video dan Anda memilih plugin ringan yang tidak menyertakan pemuatan lambat untuk video.
Selengkapnya Tentang Pemuatan Malas
Menggunakan plugin adalah cara termudah untuk menambahkan pemuatan lambat ke situs Anda, tetapi itu bukan satu-satunya cara. Anda juga dapat menggunakan JavaScript di situs Anda jika Anda menginginkan solusi yang lebih ramping.
Jika Anda ingin mempelajari lebih lanjut, lihat Cara Menunda Gambar Offscreen di WordPress Dengan Lazy Loading untuk rincian lengkap tentang cara kerja lazy loading dan cara membuat ulang teknik di situs Anda.
Jika Anda ingin mempelajari lebih lanjut tentang fitur lazy loading WordPress sendiri, lihat pengumumannya.
Cara termudah untuk memulai dengan lazy loading adalah dengan Smush free atau Smush Pro.
Smush Pro menambahkan fitur lain yang dapat membantu Anda dengan peluang Google PageSpeed Insights lainnya. Ini dapat membantu Anda menyajikan gambar dalam format generasi berikutnya dengan mengonversi gambar Anda ke file WebP dan ukuran gambar yang benar dengan menskalakan gambar Anda dengan Smush Pro CDN. Smush Pro bahkan kompatibel dengan plugin WP Retina 2x yang populer, sehingga Anda dapat dengan malas memuat gambar Retina besar tersebut tanpa memperlambat WordPress.
Coba Smush Pro gratis dan lihat seberapa besar perbedaannya untuk situs Anda.
Tag: