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

标签 javascript performance image html

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

我的例子:

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

最佳答案

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

关于javascript - img 标签元素与带有背景图片的 div 之间的性能差异?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3711932/

相关文章:

c++ - 如何将编译扩展到函数或循环

html - 如何在搜索引擎结果中添加 Logo ?

wordpress - 如何显示wordpress ACF插件自定义图像字段图像

javascript - 为什么我无法读取嵌套函数中全局变量的变化?

javascript - 每次我尝试运行 NPM 安装终端时都会抛出几个错误

javascript - React-Redux-Firebase 文档中不寻常的 json 语法。有效吗?

javascript - IE中的ContextMenu获取当前打开的浏览器url

python - 什么决定了调试器的运行时性能

performance - pig 性能问题

image - Matlab:极坐标灰度图