I am currently developing a Javascript webapp and I want to display a list of 20 images.

In 90% of the cases this works fine.

But in 10% of the cases the first picture or the first 3-5 pictures are not loaded immediately, while the other pictures are displayed properly. The problem occurs on chrome on all devices Then - After 20 seconds they are loading properly. I tried it several times - the delay is always around 20 and 20.60 seconds

If I copy the image links and open them in a new tab (chrome), then

• The images that had a 20 seconds delay before, again need 20 seconds to load
• The images that have been loaded within 20 ms before, are loaded as fast as before

If I copy the link into another browser (firefox), then all images are loading fast. If I restart Chrome and paste the slow picture link, then it is loading fast.

I am hosting my app and my pictures on IONOS Webhosting. There are around 600 images in the folder where I get the images from

My code for the image is very simple:

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

image of the network tab