预加载大量图像

Question

我正在尝试使用下面的链接上实现的逻辑来执行图像的预加载。

http://blog.lieldulev.com/2010/05/21/parallel-image-preloading-in-js/

我有一个巨大的图像数量，目前350+图片，平均每个50KB文件大小，总金额为图像的20MB的IM试图预加载。我需要用于画布绘制的图像。

使用上面的并行下载逻辑，我有浏览器等待2分钟完成加载整个页面的问题。有时，它会停止脚本。

顺便说一句，20MB的图像是目前保守的图像数量。一些图像我需要预装我去多达80MB！

预加载如此大量的图像是否实用？如果我需要预加载，我的要求的最佳方法是什么？我应该做非平行吗？部分预加载如何？

预先感谢您 马福

Answer 1

这是一个MXHR（多部分XHR）请求一个完美的用例。这意味着，一个serverscript正在读取您的图像文件，将它们解码为base64字符串并将这些图像传输到浏览器。 supplyJS^help正在使用此技术，但目前仅适用于JavaScript &样式表文件。无论如何，它的设计非常模块化，将它的功能扩展到您需要的任何图像类型应该没有问题。

如果您觉得自己没有心情去做，请不要担心 - 我会在接下来的几天内更新脚本以进行图片加载。