所以我有单页网络应用程序，需要加载许多图像，它们都相对较小（30kb ish）但我有大约一千个。现在我使用隐藏的div来加载所有这些，当用户点击我的网站，所以他们都被缓存。做这个的最好方式是什么？目前它就像一千个GET请求，是否有可能以某种方式压缩这些并用js解压缩它们？将它们全部发送到一个GET中甚至会有所作为吗？
编辑： 不确定我是否清楚，但这就是我目前正在做的事情
<div id="hidden-div">
<img src="assets/blah.jpg">
<a ton more img tags>
</div>
只是想知道是否有更好/更快的方法来做到这一点？
答案 0 :(得分：0)
如果您希望“预加载”图像以便以后（在您的应用程序/页面中）使用它们，那么您可以使用以下HTML 5代码：
<link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" />
请参阅：链接预取是一种浏览器机制，它利用浏览器空闲时间下载或预取用户可能在不久的将来访问的文档。网页向浏览器提供一组预取提示，在浏览器加载完页面后，它开始静默预取指定文档并将其存储在缓存中。当用户访问其中一个预取文档时，可以从浏览器的缓存中快速提供该文档。 URL，然后是说明，然后是标题，关键字......最后是正文。
如果是画廊，那么@Santosh是正确的。或http://code.msdn.microsoft.com/Infinite-Scroll-Like-Bing-bc05262b