加载到单个页面的数据量是多少？

Question

我正在为摄影师工作page。我写了一个翻转图像的jQuery脚本。我最初更换了src属性，但发现有些浏览器在新src完全加载之前不会更新图像，因此我最终更换了整个标记。然而，这仍然留下了重新访问图像时会重新加载的问题，因此我还将每个图像附加到隐藏的div，以便它们向右弹回。

浏览了一百张图片后，div的大小约为10 mB。在我自己的机器上工作正常，但是有一点可以清空这个div吗？我应该期望浏览器能够轻松存储多少数据？

Answer 1

同时将所有图像加载到文档中太过分了，而且没必要。

正如@Guffa所指出的，如果你想要显示已经加载的图像，只需显示它们即可。浏览器的缓存几乎会立即显示图像。 （唯一的例外是服务器发送有趣（非标准）cache-control标头以及资源，但这种情况极不可能。）

如果您想加速显示尚未加载的图像，则该技术称为预加载。它会将图像加载到浏览器的缓存中，因此它们会在指定时立即显示。参见例如this SO question寻求一些好的解决方案。有more related questions。

Answer 2

不要保留图片代码，只要让图片留在浏览器缓存中，只要浏览器内容有空间。它们将在重新访问时从缓存而不是从服务器加载。