Aktionen
GX-Feature #68783
offen
Responsive Images und Lazyload / responsive images and lazyload
Status:
Gemeldet
Priorität:
Normal
Zugewiesen an:
-
Kategorie:
Frontend
Zielversion:
-
% erledigt:
0%
Geschätzter Aufwand:
Steps to reproduce:
Betroffene Versionen:
Unbestimmt
Release Notes Langtext:
Beschreibung
Die Bilder sollten "moderner" vom Shop ausgeliefert werden.
Dabei sollten die Bilder, wenn möglich mit dem Lazyload Attribut und in unterschiedlichen Auflösungen ausgeliefert werden. So kann sich der Browser das für ihn passende aussuchen und lädt nicht zu viele Daten.
Dabei sollten die Bilder auch unbedingt mit Höhen und Breitenangaben versehen sein.
Die folgende Seite erklärt das Prinzip:
https://web.dev/browser-level-image-lazy-loading/
CanIUse Link zu loading mit lazyload
https://caniuse.com/loading-lazy-attr
Wenn der IE nicht mehr wichtig ist, dürfte kein Polyfill für die Rückwärtskompatibilität notwendig sein.
Von Moritz Bunjes vor
Aktionen