JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="UliHF, post: 14277, member: 4817"] So einfach das Beispiel ist, erfüllt es aufgrund der defaults fast alle Anforderungen. Konnte dadurch den Wald trotz all der vielen Bäume wieder besser sehen und beschränke die Version 1 des Blogs in Sachen images nun radikal. Hat viel geholffen in diesem Fall. Der Browser kennt im obigen Beispiel das Seitenverhältnis erst, [B]nachdem[/B] er das Bild bereits vollständig heruntergeladen hat. Genau das wollte ich vermeiden, um die UX zu verbessern. Auf Mediaevent hatte ich vor 'ner halben Stunde das [I]bisher einzige[/I] Beispiel gefunden, das figure, img, loading lazy, srcset und sizes in einem vollständigen Codeblock vereint (s. u.). Das war die Idee - die ist jetzt bis auf Weiteres beiseite gelegt. Quelle: [URL]https://www.mediaevent.de/lazy-loading/[/URL] Source: [CODE]<figure class="wp-block-image alignwide size-large"> <img loading="lazy" width="1024" height="471" src="…/null-eins-1024x471.jpg" alt="" class="wp-image-6726" srcset="…/null-eins-1024x471.jpg 1024w, …/null-eins-300x138.jpg 300w, …/null-eins-768x353.jpg 768w, …/null-eins-1536x707.jpg 1536w, …/null-eins-1200x552.jpg 1200w, …/null-eins.jpg 1960w" sizes="(max-width: 1024px) 100vw, 1024px"> </figure>[/CODE] Das war der Traum - auch diesen konnte ich jedoch nicht ans Laufen bringen. Sowohl Opera als auch Firefox ignorieren loading="lazy" komplett und weiter Folgendes dazu. Viele Grüße Uli [COLOR=rgb(41, 105, 176)][B]Entwarnung.[/B][/COLOR] Fehlerursache bezgl. loading="lazy" ist gefunden: In einer der CSS-Deklarationen war eine HTML-formatierter Kommentar enthalten. Flüchtigkeits- bzw. Anfängerfehler :rolleyes: Der Traum kann also doch weitergehen (y) [/QUOTE]

Authentifizierung