HTML <img> loading-Eigenschaft

HTML <img> Tag

Definition und Verwendung

loading Die Eigenschaft legt fest, ob der Browser das Bild sofort laden soll oder das Bild außerhalb des Bildschirms verzögert laden soll, bis z.B. der Benutzer sie in die Nähe scrollt.

Hinweis:Bitte fügen Sie nur loading="lazy" Fügen Sie es dem Bild hinzu, das sich unten auf dem Bildschirm befindet.

Beispiel

Fügen Sie dem Bild unten auf dem Startbildschirm eine Verzögerung zur Ladezeit hinzu:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Bild außerhalb des Bildschirms -->
<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="Sportpark" style="width:100%" loading="lazy">

Versuchen Sie es selbst

Syntax

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

Attributswert

Wert Beschreibung
eager Standard. Lade Bilder sofort.
lazy Lade Bilder verzögert, bis bestimmte Bedingungen erfüllt sind.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Nicht unterstützt 64.0

HTML <img> Tag