HTML <img> loading özelliği

HTML <img> etiketi

Tanım ve Kullanım

loading Özellik, tarayıcının resimleri hemen yüklemesi mi yoksa ekranın dışındaki resimleri yüklemeyi ertelemesi mi gerektiğini belirler.

İpucu:Lütfen yalnızca loading="lazy" Ekranın altındaki görseli ekleyin.

Örnek

İlk ekranın altındaki görseli gecikmeli yüklemeye ekleyin:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Ekranın dışındaki görsel -->
<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=" Şangay " style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-3.jpg" alt=" Şangay " style="width:100%" loading="lazy">
<img src="/i/photo/tiyugongyuan.jpg" alt=" Spor Parkı " style="width:100%" loading="lazy">

Kişisel olarak deneyin

Sözdizimi

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

Özellik Değeri

Değer Açıklama
eager Varsayılan. Görselleri hemen yükle.
lazy Belli şartlar karşılanana kadar görselleri yükleme gecikmesini sağla.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Desteklenmiyor 64.0

HTML <img> etiketi