HTML async load image is still very slow

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