Mengenal Fitur Lazy Loading Gambar: Cara Kerja dan Manfaatnya bagi Speed

1Memuat Elemen Secara Bertahap (On-Demand Loading)

Secara default, browser memuat seluruh gambar di halaman sekaligus saat pertama kali diakses. Ini membuat loading web lambat jika artikel Anda berisi banyak gambar ilustrasi.

Lazy Loading menunda pengunduhan gambar di bagian bawah halaman hingga pengguna melakukan scroll mendekati posisi gambar tersebut.

2Penerapan Atribut loading='lazy' Native

Cukup tambahkan atribut `loading='lazy'` pada tag `<img>` HTML Anda. Fitur ini didukung secara native oleh hampir seluruh browser modern tanpa perlu skrip library Javascript tambahan.