哪个更快：用img替换div或更改img的src属性？

Question

我正在实现各种图像队列，一次下载x图像。假设我们有一个页面，其中有30个img标签，我将图像添加到我的队列中，每次下载图像5个（值为x）。所以有一个要加载的图像队列，我们​​将前5个img的src替换为预期的图像链接。加载一个图像后，它会从队列中取出另一个图像然后加载，这将一直持续到所有图像都加载完毕。这可确保一次下载不超过5张图像 但这显然会减慢页面上图像的渲染速度。

我想知道将src从默认img替换为预期链接是否是渲染图像的最快方式。 Ae也可以使用div来代替默认的空白图像，并在加载图像时用图像替换div。这种方式会更快，还是前一种方法最好？

Answer 1

通常最好尽可能避免动态DOM操作（即动态添加/删除DOM节点）。更改已经在DOM中的图像的src属性不涉及动态DOM节点添加或更改，因此应该是首选。另外，就像你说的那样，无论如何都没有太大的性能差异。

Answer 2

一旦浏览器第一次加载图像，它就会在内存中显示图像，并且每次在样式表中引用时都不需要再加载它。所以改变背景位置是最好的方法。

使用您的图片example.

这始终是最快的方式。