Atrybut loading tagu HTML <img>

Tag HTML <img>

Definicja i użycie

loading Atrybut określa, czy przeglądarka powinna natychmiast ładować obraz, czy opóźniać ładowanie obrazów poza ekranem, aż na przykład użytkownik przewinie do nich blisko.

Wskazówka:Proszę, dodaj tylko loading="lazy" Dodaj do obrazu znajdującego się poniżej ekranu.

Przykład

Dodaj opóźnione ładowanie obrazu poniżej pierwszego ekranu:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Obraz poza ekranem -->
<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="Szanghaj" style="szerokość:100%" loading="lazy">
<img src="/i/photo/shanghai-3.jpg" alt="Szanghaj" style="szerokość:100%" loading="lazy">
<img src="/i/photo/tiyugongyuan.jpg" alt="Sportowy park" style="szerokość:100%" loading="lazy">

Spróbuj sam

Gramatyka

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

Wartość atrybutu

Wartość Opis
eager Domyślnie. Natychmiastowe wczytywanie obrazów.
lazy Wstrzymaj wczytywanie obrazów do czasu spełnienia pewnych warunków.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Nie obsługuje 64.0

Tag HTML <img>