比较图像与javascript时，速度更快

What is faster when comparing image vs javascript?

本文关键字：速度图像 javascript 比较更新时间：2023-09-26

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

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

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

扼杀性能的唯一方法是拥有一个"运行时间很长的javascript"，因为它是阻塞的（这可以通过一些工作者/消费者模式来避免），或者拥有具有alpha透明度的巨大图像。

未来版本的Chrome和Opera将有一个用于CSS/rendering的分析器，它将告诉你渲染需要花费多少时间和什么时间。