比较图像和JavaScript的速度有多快？

Question

我想知道在加载纯JavaScript或使用大图片制作的图形时是否存在很大差异。

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

Answer 1

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

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

Chrome和Opera的未来版本将有一个用于CSS /渲染的分析器，它将准确地告诉您渲染的时间和花费的时间。