javascript - 图像存储在本地并预加载，但加载速度仍然很慢

Question

我有一些大图像（6-10 mb），我将它们存储在本地（在我的 PC 上的一个文件夹中），我使用一个函数预加载它们(var myImg = document.createElement("img"); myImg.src = "path_to_image.jpg";)并在加载正文时调用它。(onload="myFunc();")实际上，我使用该功能来预加载所有需要的元素，而不仅仅是图像。

尽管如此，当我单击显示图像的按钮时，仍然需要一些时间来加载图像。这是为什么？我不从服务器下载它们，我什至预加载它们。我能做些什么呢？

顺便说一句，它是我正在使用 HTML/CSS/JS 构建的 Web 应用程序。

标签： javascripthtmlweb-applications

Answer 1

我唯一能想到的是图片太大/质量太高。特别是如果您将它们用作背景图像。

尝试使用类似的东西：

https://compressor.io/
https://imagecompressor.com/