HTML <img> loading egenskab

HTML <img> etiket

Definition og brug

loading Egenskaben bestemmer om browseren skal indlæse billedet med det samme eller forsinke indlæsningen af billeder udenfor skærmen, indtil for eksempel brugeren ruller til dem.

Tip:Bare tilføj loading="lazy" Tilføj til billedet nederst på skærmen.

Eksempel

Tilføj forsinket indlæsning til billedet nederst på forsiden:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Skjult billede udenfor skærmen -->
<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="width:100%" loading="lazy">
<img src="/i/photo/shanghai-3.jpg" alt="Shanghai" style="width:100%" loading="lazy">
<img src="/i/photo/tiyugongyuan.jpg" alt="Sports Park" style="width:100%" loading="lazy">

Prøv det selv

Syntaks

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

Egenskabsværdi

Værdi Beskrivelse
eager Standard. Indlæs billeder med det samme.
lazy Lad billeder indlæses, når visse betingelser er opfyldt.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Ikke understøttet 64.0

HTML <img> etiket