在 img 标签、画布或 chrome 中作为背景图像更快 [关闭]答案

【问题标题】：which is faster image in img tag, canvas, or as background image in chrome [closed]在 img 标签、画布或 chrome 中作为背景图像更快 [关闭]
【发布时间】：2013-09-14 11:49:20
【问题描述】：

我想知道哪一种会导致最快的绘制时间以及在什么情况下。

在阅读了令人困惑的意见后，我想看看一些基准..

我已经疯了，但我认为它不可靠。

那么哪个性能最快。

【问题讨论】：

你的最终目标是什么？如果您尝试对在页面上加载少量图像进行微优化，您可能会浪费时间，应该使用最适合您正在做的事情的技术。
有点像游戏......但不是完整的游戏。
stackoverflow.com/questions/492809/…
那里的答案告诉我们什么时候合适，很少谈论性能。
无论如何我制作了 jsperf...不确定它是否显示我希望它显示。但是继续编辑它并使其显示性能差异。 jsperf.com/display-image-performance

标签： css html performance

【解决方案1】：

您可以在 Chrome（网络选项卡）和 firebug（网络->图像选项卡）的 Firefox 插件中的开发人员工具中查看图像的加载时间。尝试每次加载页面，看看什么是最快的。

【讨论】：

1+ 显然img 标签是最快的.. stackoverflow.com/questions/14998727/…
我看到了 bf4 发布的问题，但不确定是否可以依赖。 As question也在问题中回答自己，意思是提问者有一些疑问。
也不是我感兴趣的加载时间，而是绘画时间。对于画布它会更多，因为画布只能输入 img 对象而不是 url。所以img需要隐形加载，然后链接到canvas上。因此，我想画时间。