Css 在img标签、画布或chrome中作为背景图像时，哪个图像速度更快

我想知道哪一个会导致最快的绘画时间，在什么情况下

在阅读了令人困惑的观点后，我想看看一些基准

我有我的，但不认为它可靠

---

那么哪一个性能最快。

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

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

你的最终目标是什么？如果您试图在页面上加载少量图像进行微优化，可能是在浪费时间，应该使用对你所做的事情最有意义的技术。有点像游戏…但不是完整的游戏。答案告诉我们什么时候合适，不要太多谈论性能。总之，我制作了jsperf…不确定它是否显示我希望它显示。但是继续编辑它，让它显示性能上的差异。你的最终目标是什么？如果您试图在页面上加载少量图像进行微优化，可能是在浪费时间，应该使用对你所做的事情最有意义的技术。有点像游戏…但不是完整的游戏。答案告诉我们什么时候合适，不要太多谈论性能。总之，我制作了jsperf…不确定它是否显示我希望它显示。但是继续编辑它，让它显示性能上的差异。1+显然，

img

标签是最快的。。我看过bf4发布的问题，但不确定是否可以信赖。因为问题本身也在回答问题，意思是提问者有一些疑问。而且我感兴趣的不是加载时间，而是绘画时间。对于canvas，它会更多，因为canvas只能提供img对象而不是url。因此，img需要以不可见的方式加载，然后链接到画布。因此，我想要绘制时间。1+显然

img

标记是最快的。。我看过bf4发布的问题，但不确定是否可以信赖。因为问题本身也在回答问题，意思是提问者有一些疑问。而且我感兴趣的不是加载时间，而是绘画时间。对于canvas，它会更多，因为canvas只能提供img对象而不是url。因此，img需要以不可见的方式加载，然后链接到画布。因此，我想在画画的时候。