Apa Itu Lazy Load? Pengertian, Fungsi, Cara Kerja, dan Manfaatnya untuk Kecepatan Website
Pengertian Lazy Load
Lazy load adalah teknik menunda pemuatan gambar, video, atau elemen halaman sampai elemen tersebut benar-benar diperlukan (biasanya ketika user melakukan scroll ke bagian tersebut).
Teknik ini sangat populer pada website modern karena mampu membuat loading halaman jauh lebih cepat.
Cara Kerja Lazy Load
Tanpa lazy load:
- Browser memuat semua elemen dalam satu waktu
- Termasuk gambar di bawah halaman yang belum terlihat
Dengan lazy load:
- Browser hanya memuat elemen yang berada di area tampilan (viewport)
- Elemen lain dimuat saat user scroll mendekat
Elemen yang Bisa Menggunakan Lazy Load
- Gambar artikel
- Gambar produk e-commerce
- Video embedding (YouTube)
- Iframe seperti Google Maps
- Script tambahan
Manfaat Lazy Load untuk Website
- Loading Halaman Lebih Cepat
Karena elemen yang berat (gambar/video) tidak langsung dimuat semua.
- Meningkatkan Performa SEO
Google menilai halaman dengan kecepatan tinggi lebih baik dan memasukkannya ke faktor ranking.
- Menghemat Penggunaan Data
Khususnya untuk pengunjung mobile dengan kuota terbatas.
- Meningkatkan User Experience
Pengunjung dapat membaca konten lebih cepat tanpa menunggu seluruh halaman dimuat.
- Mengurangi Beban Server
Bandwidth tidak terpakai untuk memuat elemen yang tidak dilihat.
Cara Menggunakan Lazy Load
- Native HTML Lazy Load
html
<img src=”gambar.jpg” loading=”lazy”>
- Plugin WordPress
- WP Rocket
- LiteSpeed Cache
- a3 Lazy Load
- Library JavaScript
- lazysizes
- vanilla-lazyload
Kesimpulan
Lazy load adalah solusi efektif untuk meningkatkan kecepatan website dan efisiensi data.
Ingin website bisnis Anda makin cepat dan SEO-friendly? Belajar praktik Web Performance di Hitaclass sekarang!
Hubungi Kami:
WhatsApp:+62 821-1017-9180
Email: classhitaclass@gmail.com
Website : https://hitaclass.com/
Facebook: facebook.com/hitaclass
Instagram: @hitaclassofficial
TikTok: @hitaclassjogja
