Modes

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

	Markup	Page Reflow	Page Reflow mit Ratio-Box	NoJS-Support	Art Direction	sizes-Attribut	lazy loading
img	einfach	wenn mit responsive image verwendet	n	y	n	-	n [3]
image mit srcset	einfach	y	n	y	n	manuell	n [3]
picture mit sources/srcset	einfach	y	n	y	y	manuell	n [3]
Picture/lazysizes.js/svg placeholder	moderat	manchmal [1]	n	teilweise (noscript-Tag) [2]	y	auto	y
Picture/lazysizes.js/jpg placeholder	moderat	manchmal [1]	n	teilweise (noscript-Tag) [2]	y	auto	y
Picture/lazysizes.js/svg placeholder mit Preview-Image	moderat	manchmal [1]	n	teilweise (noscript-Tag) [2]	y	auto	y

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