ABAKUS

elmex hat geschrieben: ↑31.10.2019, 11:42 Heutzutage werden Bilder oft per Javascript eingebunden, der Unfug nennt sich LazyLoading oder so...

Browser
Chrome soll Iframes und Bilder "faul" nachladen

Mit dem Webstandard Lazyload sollen Bilder oder größere Iframes von einem Browser erst dann geladen werden, wenn diese im Sichtbereich des Nutzers sind. Googles Chrome-Team setzt die Funktion bereits um.

...
Die Betreiber einiger Webseiten haben solch ein Verhalten bereits über verschiedene andere Methoden umgesetzt. Google will das sogenannte Lazyload nun aber standardmäßig in den Browser integrieren und somit für einen Großteil der Webseiten schlicht selbst umsetzen. Gesteuert werden kann das Verhalten über ein spezielles Attribut für die HTML-Tags <img> und <iframe>.

...
Laut dem Chrome-Entwickler Addy Osmani will das Chrome-Team die Funktion mit der Version 75 des Browsers veröffentlichen, die Anfang Juni dieses Jahres erscheinen soll. ... Die Entwickler des Firefox-Browsers haben sich noch nicht öffentlich zur Unterstützung dieser Idee in dem Browser von Mozilla geäußert. Apple hat laut der Ankündigung wohl aber Interesse an solch einer Funktion im Safari-Browser.

Quelle: https://www.golem.de/news/browser-chrom ... 40544.html

daniel5959 hat geschrieben: ↑31.10.2019, 17:45 Hallo,

dieses Lazyloading übernimmt in Zukunft der Browser, siehe

HighFlyer47 hat geschrieben: ↑31.10.2019, 10:02 wenn ich JavaScript ausschalte verschwinden allen Website-Bilder.
Was kann hierfür der Grund sein bzw. wie lautet die technische Erklärung dazu?

nerd hat geschrieben: ↑31.10.2019, 20:05

HighFlyer47 hat geschrieben: ↑31.10.2019, 10:02 wenn ich JavaScript ausschalte verschwinden allen Website-Bilder.
Was kann hierfür der Grund sein bzw. wie lautet die technische Erklärung dazu?

Vermutlich sind die bilder eben nicht direkt per <img> im quellcode eingebunden, sondern es gibt irgend ein javascript wass dann irgendwann die <img> tags auf die seite schreibt. Oder die bilder sind per CSS erstmal versteckt, und werden per JS zwischen sichtbar und unsichtbar umgeschalten...

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="bild.jpg" />

<script>
function init(){var b=document.getElementsByTagName("img");for(var a=0;a<b.length;a++){if(b[a].getAttribute("data-src")){b[a].setAttribute("src",b[a].getAttribute("data-src"))}}}window.onload=init;
</script>