我目前正在开发一个 Javascript webapp,我想显示一个包含 20 个图像的列表。
在 90% 的情况下,这可以正常工作。
但在 10% 的情况下,第一张图片或前 3-5 张图片不会立即加载,而其他图片则正常显示。问题出现在所有设备上的 chrome 上然后 - 20 秒后它们正确加载。我试了几次 - 延迟总是在 20 和 20.60 秒左右
如果我复制图像链接并在新选项卡(chrome)中打开它们,那么
- 之前有 20 秒延迟的图像,再次需要 20 秒才能加载
- 之前在 20 毫秒内加载的图像,加载速度与之前一样快
如果我将链接复制到另一个浏览器(firefox)中,那么所有图像都会快速加载。如果我重新启动 Chrome 并粘贴慢速图片链接,那么它加载速度很快。
我在 IONOS Webhosting 上托管我的应用程序和图片。我从中获取图像的文件夹中有大约 600 张图像
我的图像代码非常简单:
<img v-bind:src="https://www.myhomepage.app/imagename.jpg"/ >