Gunnar Bittersmann: Optimierung: Hilfe beim dynamisches Laden der Hintergrundbilder

Beitrag lesen

problematische Seite

@@JürgenB

Die übrigen Bilder sollten dann aber direkt im Anschluss geladen werden und nicht erst beim Scrollen.

Diese Ansicht teile ich garnicht. So lange volumembegrenzte Datentarife noch die Regel sind, sollte man das Datenvolumen der Besucher nicht leichtfertig verschwenden.

Darauf wies 1up ja auch hin: „Offensichtlich geht man damit aber auch einen Trade-Off zu Lasten des Transfer-Volumens ein.“

Vielleicht könnte man auch nach dem initialen Rendern der Seite die Bilder below the fold in niedriger Auflösung vorladen, damit die Nutzerin nicht „ins Leere“ scrollt. Wenn gescrollt wird, werden die Bilder in höhrer Auflösung nachgeladen und dann ersetzt.

Die Bildinformation für die niedrige Auflösung muss dabei doppelt übertragen werden. Was fehlt: ein Bildformat, bei dem das Laden jederzeit unterbrochen und später fortgesetzt werden kann.

Andere Möglichkeit: nicht alle Bilder vorladen, sondern nur die jeweils knapp unter the fold. Beim Scrollen dann die jeweils nächsten.

Beide Ansätze können auch kombiniert werden.

LLAP 🖖

--
“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl