Actualmente estoy desarrollando una aplicación web Javascript y quiero mostrar una lista de 20 imágenes.

En el 90% de los casos esto funciona bien.

Pero en el 10% de los casos, la primera imagen o las primeras 3-5 imágenes no se cargan inmediatamente, mientras que las otras imágenes se muestran correctamente. El problema ocurre en Chrome en todos los dispositivos Luego, después de 20 segundos, se están cargando correctamente. Lo intenté varias veces: el retraso siempre es de alrededor de 20 y 20,60 segundos.

Si copio los enlaces de las imágenes y los abro en una nueva pestaña (chrome), entonces

• Las imágenes que tenían un retraso de 20 segundos antes, nuevamente necesitan 20 segundos para cargar
• Las imágenes que se han cargado dentro de los 20 ms antes, se cargan tan rápido como antes

Si copio el enlace en otro navegador (Firefox), todas las imágenes se cargan rápidamente. Si reinicio Chrome y pego el enlace de la imagen lenta, entonces se está cargando rápido.

Alojo mi aplicación y mis imágenes en IONOS Webhosting. Hay alrededor de 600 imágenes en la carpeta de donde obtengo las imágenes

Mi código para la imagen es muy simple:

<img v-bind:src="https://www.myhomepage.app/nombredeimagen.jpg"/ >

imagen de la pestaña de red