javascript - img 标签元素与带有背景图片的 div 之间的性能差异？

Question

在 img 标签中显示图像与具有图像背景的 div 相比，在性能或加载/缓存行为方面是否存在任何差异？

我的例子:

我有一个包含许多重叠图像的站点，我需要使用 javascript 动态加载其中一些图像。一个问题是我需要将图像锚定在元素的右侧，这样我就可以做出漂亮的向右删除效果。因此，我使用了一个背景图片位于右侧的 div。无法弄清楚如何使用 img 执行此操作，但由于 div 正在为我工​​作，我不知道这是否重要...

Answer 1

据我所知，无论图片是在 DIV 还是 IMG 中，浏览器都会缓存相同的图片。无论如何，我认为这是将特定性能定义为每个渲染引擎(以及可能围绕它们构建的浏览器)内部实现细节的情况之一。因此，它既不在我们作为设计者/开发者的控制范围内，也可能随着浏览器的不同和版本的不同而发生变化。换句话说，我不会花太多时间担心它。