Pemuatan Malas Progresif untuk Joomla

Membuat konten hebat di Joomla! adalah satu hal, membuatnya dapat diakses adalah hal lain. Lazy loading adalah salah satu solusi yang menggabungkan keduanya tanpa mengubah alur kerja Anda. Dengan lazy loadingprogresif, gambar dimuat hanya jika dan ketika diperlukan. Jika pembaca tidak pernah mencapai gambar di halaman web, maka tidak pernah diunduh. Sekarang, lazy loading juga tersedia di Joomla!

Manfaat lazy loading sangat banyak; halaman dimuat lebih cepat, yang berarti pengalaman pengguna lebih baik, skor SEO meningkat dan konten Joomla lebih mudah diakses oleh pengguna dengan perangkat low-end atau akses internet lambat. Beberapa minggu yang lalu, kami mempresentasikan perbaikan pada lazy loading dasar di WordPress. Hari ini, kami mempresentasikannya juga untuk Joomla!, tapi sebelum itu, lihat bagaimana Anda dapat mengaktifkan lazy loading progresif di Joomla!

Mengaktifkan Lazy Loading di Joomla!

Lazy loading di Joomla! adalah bagian dari ekstensi Speed Cache. Mengaktifkan lazy loading semudah mengaktifkan sakelar. Namun, Speed Cache Joomla! juga mencakup fitur lain yang membantu Anda mendapatkan hasil maksimal dari lazy loading.

Untuk mengkonfigurasi lazy loading di blog Joomla! Anda, buka dasbor Speed Cache. Dari sana, klik tombol konfigurasi untuk menuju ke halaman pengaturan Speed Cache yang baru.

Pengaturan lazy loading terletak di tab parameter. Navigasikan ke sana atau gunakan fungsionalitas pencarian baru untuk mencari pengaturan lazy loading. Untuk mengaktifkan lazy loading, cukup aktifkan opsi lazy loading. Segera setelah Anda melakukannya, Speed Cache menampilkan opsi baru untuk menyesuaikan lazy loading agar sesuai dengan situs web Anda.

Kecualikan Gambar dari Lazy Loading Joomla!

Dengan dua bidang pertama, Anda dapat mengecualikan gambar-gambar tertentu dari lazy loading jika ukurannya sangat kecil, seperti ikon atau logo kecil. Ini berguna untuk mengaktifkan lazy loading hanya untuk gambar-gambar yang benar-benar berdampak pada waktu pemuatan blog Joomla! Anda. Untuk alasan ini, pastikan Anda hanya mengecualikan gambar-gambar yang sangat kecil sehingga tidak membuat lazy loading tidak efektif.

Dalam beberapa kasus, namun, Anda mungkin ingin mengecualikan (atau memasukkan) seluruh rangkaian posting atau halaman Joomla! dari lazy loading. Alasan mengapa Anda melakukan ini sangat bervariasi dan masuk akal—mungkin media yang mereka sertakan merupakan bagian integral dari konten. Dua bidang berikut digunakan untuk tujuan ini.

Dengan bidang pertama Anda dapat mengaktifkan lazy loading hanya untuk halaman tertentu, dan dengan bidang kedua Anda dapat menonaktifkan lazy loading hanya untuk pilihan konten. Dalam kedua kasus, karakter pengganti juga diperbolehkan; gunakan simbol asterisk untuk menerapkan lazy loading pada serangkaian postingan atau halaman Joomla! yang bernama serupa. Simpan perubahan untuk mengaktifkan lazy loading: lazy loading berlaku pada blog Joomla! Anda secara otomatis.

Bagaimana Lazy Loading Progressive Bekerja pada Joomla!

Lazy loading menyajikan konten segera setelah diperlukan. Biasanya, halaman terdiri dari kombinasi teks dan gambar. Mengunduh media membutuhkan waktu lebih lama daripada mengunduh teks, terutama pada ponsel low-end atau akses internet lambat. Sedangkan blog Joomla! Anda tidak dapat secara ajaib mempercepat ponsel atau akses internet, namun dapat melakukan hal terbaik berikutnya: meningkatkan pengalaman pengguna.

Apa yang dimaksud dengan lazy loading pada dasarnya adalah bahwa browser awalnya memuat teks, yang umumnya merupakan bagian integral dari blog Joomla Anda. Teks juga berukuran jauh lebih kecil, sehingga dimuat lebih cepat dan pembaca Anda dapat mengikutinya. Ketika mereka menggulir ke bawah dan sebuah gambar muncul dalam tampilan, lazy loading mengunduh dan menampilkan gambar tersebut.

Sebenarnya, mungkin masih perlu waktu bagi sebuah gambar untuk dimuat. Oleh karena itu, pemuatan lambat gambar progresif secara otomatis menciptakan versi kecil dari gambar—lebar 20 piksel, dengan 4 warna, dan hanya berukuran beberapa KB—memperbesar mereka ke ukuran asli dan kemudian mengaburkan mereka. Efeknya adalah versi kabur dari gambar berukuran penuh yang menunjukkan bahwa gambar masih diunduh. Ketika pemuatan lambat selesai mengunduh gambar, Joomla! mengganti gambar kabur dengan gambar penuh.

lazy loading progresif diaktifkan secara otomatis dengan lazy loading, yang berarti Anda tidak perlu melakukan perubahan tambahan. Terbaik dari semua, dengan menggunakan versi-versi kecil dari gambar, lazy loading progresif menambahkan overhead yang sangat sedikit pada ruang penyimpanan Joomla! Anda.

Lazy Loading di Galeri Joomla!

Lazy loading tidak mendiskriminasikan. Speed Cache’s lazy loading bekerja untuk semua gambar, termasuk galeri, seperti galeri Droppics . Serupa dengan gambar normal, Speed Cache memperbesar versi kecil gambar di galeri dan mengaburkannya. Ketika pengguna menggulir ke bawah, lazy loading mengunduh gambar berukuran penuh.

Paling baik dari semua, Speed Cache lazy loading tidak menghalangi alur kerja Anda. Sebagai gantinya, ini memasukkan lazy loading ke dalam proses Anda: cukup masukkan gambar atau galeri di mana saja di blog Joomla! Anda dan Speed Cache secara otomatis memuat gambar dengan malas menggunakan AJAX satu per satu setelah konten utama—terutama teks dan gambar kecil yang dikecualikan oleh preferensi Anda—telah dimuat.

Lazy Loading Pintar Berdasarkan Tinggi Layar

Lazy loading adalah tentang scrolling dan tinggi layar. Speed Cache’s lazy loading sangat pintar dalam arti bahwa itu hanya berlaku pada tinggi layar saat ini (berdasarkan viewport) dan memuat sebelumnya yang berikutnya. Jadi jika Anda memiliki koneksi yang cepat atau jika Anda menggulir dengan lambat, Anda tidak akan pernah menyadari bahwa lazy loading diaktifkan di situs Joomla Anda.

Selain itu, lazy loading berdasarkan tinggi layar hanya berlaku pada tinggi layar saat ini bahkan jika berada di tengah halaman, misalnya pada tautan ke anchor. Kemudian, lazy loading diterapkan setelah Anda menggulir ke atas atau ke bawah.

SEO Joomla dan Lazy Loading

lazy loading yang digunakan dalam Speed Cache tidak berdampak pada SEO. Bahkan, mesin pencari yang merayapi konten Anda, seperti Google bot, hanya akan melihat kelebihan:

• Waktu pemuatan halaman jauh lebih baik;
• Semua konten gambar, termasuk teks alternatif, judul gambar, dan deskripsi dimuat segera tanpa lazy loading; dan
• Keterangan gambar juga dimuat saat halaman pertama kali dirender.

Pemuatan progresif lazy loading adalah kompromi antara menampilkan media dan menunda pengunduhan dengan menambahkan isyarat visual. Pada saat yang sama, lazy loading membuat navigasi blog Joomla! Anda menjadi lebih cepat dan menyenangkan. Seharusnya tidak ada batasan untuk berbagi konten yang hebat dan sekarang, dengan lazy loading progresif di Joomla! juga tidak ada batasan untuk membuatnya lebih mudah diakses.

Tentu saja, kita juga dapat mengingat bahwa Speed Cache juga menawarkan banyak alat luar biasa lainnya seperti modul Cache yang sangat bagus yang akan memungkinkan kita untuk mempercepat situs kita dan membawanya ke tingkat berikutnya!

Periksa Speed Cache untuk Joomla:  https://www.joomunited.com/products/speed-cache