Lazy Load
Lazy loading adalah teknik menunda pemuatan elemen seperti gambar, video, atau komponen web sampai benar-benar dibutuhkan oleh pengguna, biasanya saat elemen tersebut muncul di viewport. Ini membantu mempercepat waktu loading awal halaman dan mengurangi penggunaan bandwidth.
Manfaat Lazy Load
- Mempercepat loading halaman utama
- Mengurangi penggunaan data dan bandwidth
- Meningkatkan performa SEO dengan waktu render lebih cepat
- Mengurangi beban server karena request lebih sedikit
- Meningkatkan pengalaman pengguna di perangkat lambat atau mobile
Cara Implementasi Lazy Load
- Gunakan atribut `loading="lazy"` pada elemen `<img>` dan `<iframe>`
- Gunakan Intersection Observer API untuk komponen custom
- Framework modern seperti React, Vue, dan Next.js menyediakan fitur lazy load untuk komponen
- Optimalkan ukuran gambar untuk mempercepat render saat dimuat
Kesimpulan
Lazy loading adalah teknik penting untuk meningkatkan performa web dan pengalaman pengguna, terutama untuk situs dengan banyak media berat seperti gambar dan video.