为什么在Chrome上的代码比在Mozilla上慢9倍?我能否提高Chrome的速度?
在我的电脑上,Chrome的性能为9,302次/秒,而Mozilla则是86,715次/秒,在我的笔记本电脑上差异达到20倍。Edge浏览器也比Chrome快5倍。
测试链接https://jsbench.me/nuk5skh6qi/1。
<canvas id="src" width="100" height="100"></canvas>
<canvas id="mask" width="100" height="100"></canvas>
<canvas id="dest" width="100" height="100"></canvas>
var src = document.getElementById('src');
var srcCtx = src.getContext('2d');
var mask = document.getElementById('mask');
var maskCtx = mask.getContext('2d');
var dest = document.getElementById('dest');
var destCtx = dest.getContext('2d');
function test(sz) {
srcCtx.drawImage(mask, 0, 0, sz, sz, 0, 0, sz, sz);
destCtx.drawImage(src, 0, 0, sz, sz, 0, 0, sz, sz);
}