Optimiertes laden von Bildern

Mit M4.5 werden Bilder dynamisch per Javascript nachgeladen. Dabei wird darauf geachtet, dass ein Bild erst geladen wird, wenn es der Benutzer auch in seinem Bildschirm sieht. Ein Bild weiter unten im nicht sichtbaren Bereich einer Seite wird also erst geladen, wenn der Benutzer nach unten scrollt. 

Wenn ein Bild noch nicht geladen wurde, so wird eine kleine Animation anstelle des Bildes angezeigt. 

Dies ist insbesondere für mobile Geräte wichtig, weil dadurch weniger Bandbreite verwendet wird. Außerdem werden die Seiten schneller aufgebaut.

Das dynamische Nachladen von Bildern wird unter anderem von Google als wichtige Optimiertung empfohlen. Durch zusätzliche Maßnahmen wurde gewährleistet, dass Bilder auch mit ausgeschaltetem Javascript dennoch angezeigt werden.  

Demo für das Laden von Bildern

Auf dieser Seite werden eine Reihe von Bildern oder Bilderserien angezeigt. Scrollen Sie schnell nach unten um den beschrieben Effekt beim Nachladen zu sehen.

Bildtitel-Beispiel (c) CC0 1.0 - Public Domain (von unsplash.com)

Impressionen von unseren Erstkommunionsfeiern

So. 5. Dez. 2021
78 Bilder

Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.

Frühlings-Bilder

Diese Bilderserie feiert den Frühling

Mo. 15. Feb. 2021
35 Bilder

Der Frühling kommt! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis. Dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. 

Beispiel für den Bildtitel (c) CC0 1.0 - Public Domain (von unsplash.com)

Apollo Style Selector