Hace unos días me encontré con el problema de que este código no funciona y las imágenes no se cargan en la página. Pero cuando noscript elemento noscript, funciona. Lo probé en Iphone con IOS 15.4.1 - no funciona. Con IOS 14.8 - funciona. También probé en emuladores con IOS <= 15.3 - funciona. (Safari, cromo)
<noscript class="loading-lazy"> <img src="{{ banner.desktopImageUrl }}" alt="{{ banner.imageDescription }}" class="{% if class %} {{ class }} {% endif %}" {% if dataObjectFit %} data-object-fit="{{ dataObjectFit }}" {% endif %} srcset=" {{ banner.mobileImageUrl }} 375w, {{ banner.desktopImageUrl }} 2000w " sizes="(max-width: 480px) 80px" loading="lazy" /> </noscript>