Αιτιότητα φόρτωσης HTML <img>

HTML <img> ετικέτα

Ορισμός και χρήση

loading Η ιδιότητα αυτή καθορίζει αν ο περιηγητής θα φορτώσει αμέσως την εικόνα ή θα αναβάλει τη φόρτωση της εικόνας εκτός οθόνης μέχρι να φτάσει ο χρήστης κοντά της.

Σημείωση:Παρακαλώ προσθέστε μόνο loading="lazy" Προσθέστε στο εικόνα που βρίσκεται κάτω από την οθόνη.

Παράδειγμα

Προσθέστε αναμονή φόρτωσης στις εικόνες κάτω από την κύρια οθόνη:

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- Εικόνα εκτός οθόνης -->
<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="Πάρκο Αθλητισμού" style="width:100%" loading="lazy">

Δοκιμάστε το προσωπικά

Γραμματική

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

Τιμή περιόδου

Τιμή Περιγραφή
eager Προεπιλεγμένο. Φόρτωση εικόνων αμέσως.
lazy Φόρτωση εικόνων με αναμονή μέχρι να πληρούνται συγκεκριμένα κριτήρια.

Υποστήριξη του προγράμματος περιήγησης

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 Δεν υποστηρίζεται 64.0

HTML <img> ετικέτα