Atribut loading HTML <img>

Tanda <img> HTML

Definisi dan penggunaan

loading Atribut menentukan apakah browser harus mengambil gambar segera, atau menunda pengambilan gambar luar layar, sampai seperti pengguna menggulir mendekati mereka.

Petunjuk:Harap hanya gunakan loading="lazy" Tambahkan ke gambar yang berada di bawah layar.

Contoh

Tambahkan pengambilan gambar terlambat untuk gambar di bawah layar utama:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Gambar luar layar -->
<img src="/i/photo/wuhan.jpg" alt="武汉" style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-1.jpg" alt="上海" style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-2.jpg" alt="Shanghai" style="lebar:100%" loading="lazy">
<img src="/i/photo/shanghai-3.jpg" alt="Shanghai" style="lebar:100%" loading="lazy">
<img src="/i/photo/tiyugongyuan.jpg" alt="Taman Olahraga" style="lebar:100%" loading="lazy">

Coba sendiri

Sintaks

<img src="URL" loading="eager|lazy">

Nilai atribut

Nilai Deskripsi
eager Default. Muat gambar segera.
lazy Muat gambar dengan terlambat sampai beberapa kondisi terpenuhi.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Tidak didukung 64.0

Tanda <img> HTML