图像加载似乎会减慢Javascript的执行速度

Image Loading seems to slow down Javascript execution

本文关键字：Javascript 执行速度加载图像更新时间：2023-09-26

我正在开发一个简单的web应用程序，纯Javascript。

核心功能之一是加载和查看图像。

当加载了很多大图像时，脚本执行通常会减慢甚至停止，直到其中一些图像加载完成，这在大.gif时尤其明显（HTML5视频由于某种原因并没有那么糟糕）。

通过使用jQuerys .css()设置div的background-imageCss属性来加载图像，在加载图像之前没有任何阻塞事件或睡眠/等待时间。

奇怪的是，在OSX上，滚动（使用Macbook触控板）可以暂时缓解暂停/减速，即使是在全屏状态下（OSX浏览器为触控板留出了活动空间），这让我认为这是一个渲染或某种资源分配的问题。感觉浏览器不需要重新绘制，只是因为滚动而被迫这样做。

我想强迫它不断地重画，60 FPS。

问题是加载大量大图像并在应用程序中显示它们。您可以尝试使用图像延迟加载概念，只要滚动窗口即可加载/提取图像。

也许这个链接会有所帮助。这个插件将负责在用户滚动时加载图像，并且非常易于使用。

有人可以尝试WebWorker的概念。其javascript中的多线程。

我想补充一点，不要忘记图像优化。