En mi sitio web, tengo varias imágenes con una devolución de llamada onload y onerror

 <img onload="imgCallback()" onerror="imgCallback()" class="article-img" src=":assets:/price/12-2.jpg" alt="A chart showing vitamin and mineral content of liver, kidney, spleen, heart, broccoli, kale, banana and apple" />

Algunas inicializaciones solo se realizan después de que se hayan cargado todas las imágenes porque necesito la altura completa del elemento contenedor después de que se muestran todas las imágenes.

Esto funciona bien en mi escritorio, sin embargo, parece que no funciona en algunos navegadores móviles. Probé esto en mi navegador Chrome de Android y parece que solo carga imágenes con pereza después de que me desplazo lo suficiente hacia abajo, lo que retrasa la inicialización de la página que se espera que suceda en la carga inicial del sitio web.

Realmente no puedo pensar en ninguna otra forma de resolver esto, ya que necesito que se cargue todo el ancho de la imagen de la publicación del contenedor, algo que no sé estáticamente, por lo tanto, pregunto si hay una forma de indicarle al navegador que debe cargar ansiosamente las imágenes?