Apakah Anda ingin mempelajari cara menerapkan lazy loading di WordPress?
Jika situs WordPress Anda sangat bergantung pada konten visual, Anda mungkin perlu menambahkan fungsionalitas Lazy Loading ke dalamnya. Fitur WordPress ini membantu meningkatkan kecepatan dan kinerja halaman situs web, menjadikannya penting untuk upaya SEO Anda.
Artikel ini akan membahas cara kerja Lazy Loading serta pro dan kontranya. Anda juga akan mempelajari cara menerapkannya di situs web Anda dan cara mengoptimalkan penggunaannya untuk hasil terbaik.
Tanpa basa-basi lagi, kami mengundang Anda untuk berkonsultasi dengan daftar kami Tema WordPress. Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda
Lalu kembali ke mengapa kita ada di sini.
Apa itu Pemuatan Malas?
Ini adalah fitur yang memungkinkan situs web hanya memuat gambar yang terlihat oleh pengguna. Ini membantu situs web mempertahankan kecepatan pemuatan cepat dengan tidak mengunggah gambar di luar area pandang.
Bagaimana Cara Kerja Lazy Loading WordPress?
Saat pengguna mengunjungi situs web WordPress, browser mereka mengunduh semua gambar di halaman web sekaligus. Untuk halaman dengan banyak gambar beresolusi tinggi, proses ini dapat mengurangi waktu pemuatan secara signifikan, yang dapat merusak kinerja situs web Anda.
Menambahkan Pemuatan Malas ke situs web Anda akan memintanya untuk hanya mengunduh gambar yang terlihat di layar pengguna. Sisa file media diganti dengan gambar placeholder dan hanya dimuat saat pengguna menggulir halaman web ke bawah.
Kelebihan dan Kekurangan WordPress Lazy Loading
Jika Anda masih bertanya-tanya apakah Anda harus menerapkan pemuatan gambar yang lambat di WordPress, berikut adalah pro dan kontra dari fitur tersebut:
Avantages:
- Mengurangi penggunaan bandwidth, mengurangi biaya hosting.
- Meningkatkan kecepatan situs web sehingga meningkatkan pengalaman menjelajah pengunjung.
- Meningkatkan pengalaman seluler.
- Meningkatkan upaya SEO, meningkatkan peringkat situs web Anda di mesin pencari.
Melawan:
- Menyebabkan buffering konten, yang memengaruhi kecepatan pemuatan.
- Memperlambat pengguliran cepat.
Cara Menambahkan Lazy Loading ke Situs WordPress Anda: 3 Metode
Ada tiga cara untuk menerapkan lazy loading di situs WordPress Anda. Kami menyarankan Anda memilih metode yang paling sesuai dengan situasi Anda.
1. Tingkatkan ke WordPress 5.4 atau lebih tinggi
WordPress 5.4 dan yang lebih baru mendukung pemuatan lambat secara default. Memperbarui WordPress Anda ke versi terbaru akan otomatis mendukung lazy loading.
Meskipun ini adalah metode termudah, ini tidak memungkinkan Anda untuk mengonfigurasi gambar mana yang akan dimuat dengan malas. Oleh karena itu, situs web Anda mungkin menyalahgunakan fitur tersebut, yang menunjukkan kerugian yang disebutkan di atas.
Faktor lain yang perlu dipertimbangkan adalah sifat yang berbeda dari fitur Lazy Loading di setiap versi WordPress. Baru-baru ini, WordPress merilis versi baru WordPress yang menerapkan peningkatan untuk mengatasi masalah dengan skor konten luas yang buruk dari versi lama.
Ini berarti bahwa situs web yang menjalankan WordPress versi lama tidak mendapatkan manfaat yang sama dengan situs web yang menjalankan WordPress 5.9 yang merupakan versi terbaru.
2. Aktifkan pemuatan malas asli melalui browser
Peramban populer seperti Chrome, Firefox, dan Opera mendukung pemuatan lambat. Anda hanya perlu menambahkan atribut ke gambar dan video yang ditargetkan untuk mengaktifkannya secara otomatis.
Dalam pemuatan lambat WordPress asli, atribut pemuatan mendukung tiga nilai ini:
- Mobil : Memicu pemuatan lambat secara default, yang setara dengan tidak menyertakan atribut pemuatan.
- Malas : Mendistribusikan pemuatan sumber daya hingga masing-masing mencapai jarak yang ditentukan dari viewport.
- Bersemangat : Memuat semua sumber daya segera setelah laman dimuat, terlepas dari lokasinya.
Berikut adalah contoh penggunaan:
<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>Metode ini sangat bagus untuk memuat gambar tertentu dengan malas, memberikan masing-masing atribut pemuatan yang menentukan kapan mereka muncul di viewport. Namun, pemuatan lambat setiap gambar dapat memakan waktu cukup lama, terutama jika situs web Anda berisi banyak file media.
3. Instal Plugin WordPress
Karena tidak semua browser mendukung pemuatan lambat untuk gambar dan video, metode kedua mungkin tidak berfungsi sepanjang waktu. Anda dapat mengurangi masalah ini dengan menginstal plugin WordPress Lazy loading. Metode ini memberi Anda lebih banyak kontrol atas gambar mana yang dimuat dengan malas tanpa pengkodean.
Berikut adalah plugin WordPress terbaik pemuatan malas untuk dipilih, dapat diakses melalui direktori plugin WordPress.
Tingkatkan Kecepatan Pemuatan Situs Web Anda
Salah satu hal baik tentang plugin WordPress ini adalah ia mendukung semua jenis gambar termasuk AVIF. Plugin WordPress pemuatan malas freemium ini menyediakan pengoptimalan dan pembaruan. skala gambar untuk menyesuaikannya dengan perangkat pengunjung, memastikan pengalaman pengguna optimal.
Saat mendeteksi jaringan yang lebih lambat, plugin WordPress ini memberi Anda opsi untuk menurunkan kualitas gambar. Selain itu, Anda dapat menghemat ruang penyimpanan dengan menyimpan gambar di perpustakaan cloud plugin WordPress ini.
Plugin gratis ini memungkinkan Anda mengoptimalkan gambar hingga 5 kunjungan bulanan. Membeli paket Pro akan memungkinkan Anda memuat gambar dengan lambat untuk 000 pengunjung aktif bulanan dan banyak lagi. Gambar untuk kedua paket disajikan melalui AWS Cloudfront CDN.
Download | Demo | Hébergement Web
Smush
Smush adalah plugin pengoptimalan gambar populer yang mendukung pemuatan lambat. Ini kompatibel dengan Tema WordPress populer, pembuat halaman dan plugin perpustakaan media. Selain itu, ini memungkinkan Anda untuk menyimpan pengaturan plugin dalam konfigurasi tak terbatas dan menerapkannya hanya dengan beberapa klik.
Fitur berguna lainnya adalah deteksi ukuran gambar yang salah, dukungan untuk multisite dan alat kompresi gambar. Memutakhirkan ke Smush Pro memungkinkan Anda mengoptimalkan gambar besar tanpa batasan ukuran, menyimpan gambar asli, dan mengakses plugin WPMU Pro lainnya. Harga mulai dari 5 $ / bulan.
Download | Demo | Hébergement Web
a3 Beban Malas
a3 Lazy Load adalah plugin pemuatan lambat berorientasi seluler gratis. Ini sepenuhnya kompatibel dengan WordPress 5.9 dan sejumlah alat populer termasuk plugin WebP dan AMP.
Selain menawarkan fungsionalitas pemuatan lambat dasar, a3 Lazy Load juga memungkinkan Anda memuat video dengan lambat, termasuk video yang disematkan di halaman, postingan, jenis postingan khusus, dan widget. Efek pemuatan yang lambat dan kemampuan untuk memuat skrip dari header atau footer juga tersedia.
Fitur penting lainnya seperti dukungan multisite, dukungan gambar WebP, dan pemuatan iframe yang lambat – ini berlaku untuk iframe yang tidak dimuat oleh inti WordPress, seperti Google Maps dan media yang disematkan.
Download | Demo | Hébergement Web
Tips Memuat Malas WordPress
Kunci untuk mendapatkan hasil maksimal dari lazy loading adalah menggunakannya dengan benar. Berikut adalah beberapa tips untuk mengatur pemuatan lambat di situs WordPress Anda:
- Jangan malas memuat gambar header. Karena gambar yang ditempatkan di bagian atas halaman terlihat saat memuat, pemuatan lambat mereka tidak bermanfaat.
- Pilih placeholder yang sesuai. Kami merekomendasikan menggunakan cor warna solid atau gambar berkualitas rendah sebagai placeholder untuk gambar Anda.
- Tambahkan waktu buffer untuk memuat gambar. Dengan cara ini, gambar Anda siap sebelum memasuki area pandang pengunjung, menghilangkan waktu tunggu.
- Tentukan dimensi wadah gambar. Ini akan membantu Anda menghindari perubahan tata letak yang tiba-tiba, yang akan membuat halaman web Anda terlihat rapi saat memuat.
- Terapkan pemuatan lambat hanya pada halaman yang panjang. Halaman panjang mencakup halaman yang membutuhkan lebih dari dua putaran untuk mencapai akhir dan memiliki lebih dari lima gambar.
Pemuatan malas di WordPress memungkinkan Anda memberi pengunjung pengalaman menjelajah yang lebih baik. Selain meningkatkan kecepatan situs web, fitur ini juga mengurangi penggunaan bandwidth Anda. Secara keseluruhan, ini membantu upaya SEO Anda untuk peringkat yang lebih baik dalam hasil mesin pencari.
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.
- Cara Perbaiki Redirect kesalahan pada WordPress
- Beberapa plugin untuk mengintegrasikan layanan Google di blog Anda
- Plugin 5 WordPress untuk menampilkan notifikasi
- Cara membuat template kustom WordPress
- Menggunakan latar belakang yang berbeda WordPress
Kesimpulan
Itu saja untuk tutorial ini yang menunjukkan kepada Anda bagaimana menerapkan Lazy Loading di situs WordPress Anda. Kami harap artikel ini membantu Anda memahami cara memaksimalkan fitur pemuatan lambat di situs web WordPress. Pastikan untuk menggunakan Hosting WordPress kualitas tinggi untuk lebih meningkatkan kinerja situs web Anda.
Jika Anda memiliki masalah atau saran, beri tahu kami komentar.
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 atau yang di Divi: tema WordPress terbaik sepanjang masa.
Sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
