Im using html’s built in lazy loading and async decoding however the page still takes a full minute to load. how could I make the images load asynchronously to the page so the page will load faster?
{% if limiteds is not none %}
{% for limited in limiteds %}
<div class="card">
<img class="card-img-top" src="{{ limited[3] }}" loading="lazy" decoding="async" style="width:60px; height:60px">
<h5 class="card-title">{{ limited[0] }}</h5>
<p class="card-text">R$ {{ limited[1] }}</p>
<p class="card-text">$ {{ limited[2] }}</p>
</div>
{% endfor %}
{% endif %}
Thanks in advance,
- JoshMann15