Lewati ke konten utama
waktu baca 3 menit (636 kata)

Pemuatan Gambar - Lazy Loading Progresif di WordPress

Sampul

Media mengubah blog WordPress yang steril menjadi situs web yang hidup dan ramai, tetapi kenyataan pahitnya adalah file dan SEO tidak cocok satu sama lain. Tidak banyak yang bisa dikatakan sebaliknya - waktu pemuatan yang lebih lambat menyebabkan skor SEO yang lebih rendah. Namun, tidak semua harapan hilang. Beberapa bulan yang lalu kami membahas bagaimana WP Speed of Light mengurangi masalah dengan lazy loading. Sekarang, kami melangkah lebih jauh.

 

Sebagai pengingat, lazy loading tidak memuat semua gambar dalam pos atau halaman WordPress segera setelah pengguna membuka halaman tersebut. Sebaliknya, WP Speed of Light menunggu hingga gambar masuk ke tampilan untuk mengunduhnya. Dengan begitu, halaman dimuat jauh lebih cepat pada awalnya, membantu SEO sekaligus membuat pengalaman lebih menyenangkan bagi pembaca dengan kecepatan internet yang lebih lambat.

 

Pada versi 2.5 plugin WordPress, fitur lazy loading telah ditingkatkan agar sedikit lebih responsif terhadap perangkat audiens Anda dan keterbatasannya. Iterasi terbaru WP Speed of Lightdari lazy loading lebih responsif, terutama bagi pengguna di ponsel kelas bawah atau dengan kecepatan internet lambat.

Daripada tidak melihat gambar sama sekali lalu gambar tersebut dimuat secara tiba-tiba, pengguna WordPress Anda awalnya akan melihat versi file media beresolusi rendah yang buram. Saat unduhan selesai, gambar akan memudar menjadi fokus. Dengan cara ini, pembaca akan tahu bahwa ada gambar, dan mereka dapat menunggu hingga gambar dimuat atau terus membaca dan kembali lagi nanti.

 

Gambar Dijelaskan

Apa hal terbaik dari pembaruan terbaru WP Speed of Light? Jika Anda memiliki addon pro untuk plugin WordPress, Anda hampir tidak perlu menggerakkan jari. Untuk menyiapkan lazy loading, buka WP Speed of Light’s optimasi kecepatan menu. Dari sana, aktifkan gambar lazy loading dari tab percepatan .

Jika Anda menginginkan kontrol lebih besar, lihat postingan sebelumnya, tetapi itu sudah cukup untuk menguji fitur terbaru lazy loading. Faktanya, itu saja. Dengan lazy loading gambar diaktifkan, file media hanya akan dimuat jika dan ketika diperlukan dengan fitur blur baru sebagai tambahan.

 

progressive-lazy-loading-activation

 

Seperti yang ditunjukkan di atas, gambar Anda awalnya akan menampilkan gambar placeholder resolusi rendah pada jaringan lambat, yang diburamkan agar lebih enak dilihat. WordPress memuat - atau lebih tepatnya, memuat secara lazy - gambar resolusi penuh di latar belakang tanpa mengganggu pembaca. Saat gambar selesai lazy loading, gambar placeholder digantikan oleh gambar penuh.

 

Lazy Loading Progresif dan SEO di WordPress

Namun, pertanyaan jutaan dolar adalah bagaimana pemuatan gambar secara lazy yang baru ini memengaruhi SEO. Lagi pula, bukankah placeholder gambar yang diburamkan akan menambah waktu pemuatan? Kenyataannya, ya. Dalam praktiknya, sama sekali tidak. Placeholder WP Speed of Lightadalah gambar kecil berukuran 20 piksel yang membutuhkan waktu pemuatan sangat singkat, sehingga tidak menambah beban pada waktu pemuatan SEO Anda. Pada saat yang sama, efek buram menyembunyikan artefak piksel dari gambar berkualitas rendah.

Dan seperti pada versi sebelumnya dari lazy loading , semua elemen HTML SEO gambar dimuat pada percobaan pertama (tidak dimuat secara lazy). Oleh karena itu, bot Google dan lainnya dapat membaca nama file gambar, judul, dan tag alt.

 

image-lazy-loadin-seo

 

SEO itu penting, tetapi harus menjadi prioritas kedua setelah pengalaman pengguna. Pembaruan terbaru WP Speed of Lightmengutamakan prinsip ini, namun menggabungkan fungsionalitas yang menguntungkan SEO dengan estetika yang membuat pembaca terus kembali - semuanya tanpa biaya tambahan untuk SEO. Lihat rendering pemuatan lambat progresif lazy loading di sini:

 

image-lazy-loading

 

Jika Anda ingin menerapkan progressive lazy loading di situs WordPress Anda, cukup ikuti tautan ini: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light efektif pada semua Layanan Hosting di internet, misalnya, Cloudways adalah contoh sempurna dari layanan populer.

Tetap Terinformasi

Saat Anda berlangganan blog, kami akan mengirimkan email kepada Anda ketika ada pembaruan baru di situs agar Anda tidak melewatkannya.

Pos Terkait