比较图像与JavaScript时速度更快吗？

Question

我想知道如果加载纯JavaScript或使用大图像制作的图形是否有很大的区别。

作为参考，我在jsFiddle上做了这个例子。从性能角度来看，什么是最好的，使用PNG图像drawImage或使用JavaScript绘制它？

Answer 1

对于复杂的图像，渲染速度会很慢，因为JavaScript本身很慢。 对于数百个小图像，使用img标签可能会非常快。

杀死perfomance的唯一方法是使用“javascript运行时间很长”，因为阻塞（并且可以通过某些工作者/消费者模式避免），或者具有alpha透明度的巨大图像。

Chrome和Opera的未来版本将为CSS /渲染提供一个分析器，它将告诉您究竟需要多少时间和多少时间来渲染。