Modes

Es gibt in dieser Demo folgende Modes um Images zu rendern:

 MarkupPage ReflowPage Reflow mit Ratio-BoxNoJS-SupportArt Directionsizes-Attributlazy loading
imgeinfachwenn mit responsive image verwendetnyn-n [3]

image mit srcset

einfachynynmanuell

n [3]

picture mit sources/srcset

einfachynyymanuelln [3]

Picture/lazysizes.js/svg placeholder

moderatmanchmal [1]nteilweise (noscript-Tag) [2]yautoy

Picture/lazysizes.js/jpg placeholder

moderatmanchmal [1]nteilweise (noscript-Tag) [2]yautoy

Picture/lazysizes.js/svg placeholder mit Preview-Image

moderatmanchmal [1]nteilweise (noscript-Tag) [2]yautoy

[1] verursacht durch Rundungsfehler
[2] hier noch nicht implementiert
[3] kann mit JS nachgrĂ¼stet werden