'Why images don't load in noscript tag IOS 15.4
A few days ago I have faced with the issue that this code doesn't work and images don't load on the page. But when I delete noscript element it works. I've tested on Iphone with IOS 15.4.1 - doesn't work. With IOS 14.8 - works. Also I've tested on emulators with IOS <= 15.3 - works. (Safari, Chrome)
<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>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
