比較圖像與JavaScript時速度更快嗎？

Question

我想知道如果加載純JavaScript或使用大圖像製作的圖形是否有很大的區別。

作爲參考，我在jsFiddle上做了這個例子。從性能角度來看，什麼是最好的，使用PNG圖像drawImage或使用JavaScript繪製它？

Answer 1

對於複雜的圖像，渲染速度會很慢，因爲JavaScript本身很慢。 對於數百個小圖像，使用img標籤可能會非常快。

殺死perfomance的唯一方法是使用「javascript運行時間很長」，因爲阻塞（並且可以通過某些工作者/消費者模式避免），或者具有alpha透明度的巨大圖像。

Chrome和Opera的未來版本將爲CSS /渲染提供一個分析器，它將告訴您究竟需要多少時間和多少時間來渲染。