Thread JavaScript: Lazy Load mal Anders (5 answers)
Opened by rosti at 2023-04-18 10:56

rosti
 2023-04-18 10:56
#194786 #194786
User since
2011-03-19
3180 Artikel
BenutzerIn
[Homepage]
user image
Moin!

Die Idee dahinter ist die, daß die Bilder einer Seite nicht alle auf einmal geladen werden, weil es den Ladevorgang der ganzen Seite ausbremst. Überlicherweise wird hierzu das scroll-Event herangezogen und bei jedem Scrollvorgang geprüft, ob sich ein im HTML-Text notiertes img-Element im Viewport befindet. Erst wenn das der Fall ist, wird das Bild geladen, also dessen URL dem src-Attribut zugewiesen. Diesem Verfahren haften jedoch einige Nachteile an. Durch das Laden eines Bildes verschiebt sich nämlich das img-Element des Nächsten weiter nach unten, so daß dieses Element wieder aus dem Viewport herausfällt sofern es darin vorher sichtbar war. Das führt dazu daß die ganz Seite zappelt, kurzum das Scrollen ist nicht schön.

Und hier nun ein anderes Verfahren, frisch ausgeheckt ;)
http://rolfrost.de/dload.html

View full thread JavaScript: Lazy Load mal Anders