Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
比较图像和javascript时,什么更快?_Javascript_Performance_Html - Fatal编程技术网

比较图像和javascript时,什么更快?

比较图像和javascript时,什么更快?,javascript,performance,html,Javascript,Performance,Html,我想知道在加载纯javascript制作的图形或使用大型图像时是否有很大的区别 作为参考,我在上做了这个例子。从性能角度看,使用png图像绘制图像还是使用javascript绘制图像最好?对于复杂图像,渲染速度会很慢,因为javascript本身速度很慢。 对于数百个小图像,使用img标签可能会非常快 杀死performance的唯一方法是使用“运行时间很长的javascript”,因为它是阻塞(这可以通过一些工作者/消费者模式避免),或者使用具有alpha透明度的巨大图像 Chrome和Ope

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


作为参考,我在上做了这个例子。从性能角度看,使用png图像绘制图像还是使用javascript绘制图像最好?

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

杀死performance的唯一方法是使用“运行时间很长的javascript”,因为它是阻塞(这可以通过一些工作者/消费者模式避免),或者使用具有alpha透明度的巨大图像


Chrome和Opera的未来版本将有一个用于CSS/渲染的探查器,它将准确地告诉您渲染所需的时间和花费的时间

您是否对这两个版本进行了基准测试?使用jsperf获得答案否,我没有尝试任何基准测试,我可以在没有网络主机的情况下进行测试吗?请编写一个基准测试以获得您的答案(顺便说一句,漂亮的场景)。