javascript - 一些图片加载延迟 20 秒后无任何原因

Question

我目前正在开发一个 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"/ >

网络选项卡的图像

标签： javascriptimagegoogle-chromevuejs3ionos

Answer 1

你的服务器在哪里？- 根据您的问题，100% 的问题来自网络。

我也发现了过去的问题（服务器位于美国），当我执行新加坡测试时（图像加载速度很慢）

然而，美国的客户从来没有发现这个问题。