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

Question

我正在开发一个简单的网络应用程序，纯粹是Javascript。

其中一项核心功能是加载和查看图像。

当加载大量大图像时，脚本执行通常会减慢甚至停止，直到其中一些图像完成加载，这对于大.gif来说尤其明显（HTML5视频对于某些人来说并不坏）原因）。

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

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

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

Answer 1

问题在于加载很多大图片并在应用程序中显示它们。 您可以尝试图像延迟加载概念，只要您滚动窗口，就会加载/获取图像。

可能这个link会有所帮助。该插件将在用户滚动时处理加载图像并且非常易于使用。

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

Answer 2

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