为什么Firefox运行这个代码比Chrome快10倍

我需要在WebKit上运行此代码，它是Android的混合应用程序的一部分：

for(var x = 0; x < width; x++) {
    for(var y = 0; y < height; y++) {
        var i = (y * width + x) * 3;
        var r = data[i];
        var g = data[i + 1];
        var b = data[i + 2];
        var green = is_green(r, g, b);
        x_histogram[x] += green;
        y_histogram[y] += green;
    }
}

这里是完整的代码来测试：https://jsbin.com/boduputebu/edit?js,console

我认为V8比Firefox（SpiderMonkey）快，但在这里为这个简单的代码SpiderMonkey速度要快得多。 在我的笔记本电脑上的表现是：

Chrome: 30 ms
Node: 30 ms
Firefox: 3 ms
Java (same code with Java): 3 ms

你有任何想法改变代码，以使其在V8上快速发展。 通过当前的性能，我不得不在Java端将其编写为本机，但对我来说这不是一个好选择。 或者如果没有办法让速度更快，你会知道为什么V8运行速度非常慢？

版：

Chrome: "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36"
FireFox: "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:49.0) Gecko/20100101 Firefox/49.0"

---

这个快速的肮脏代码已经在v8中显着加快了。 （对于1000x1000数据集~24ms）

var calc_histogram = function() {
    for(var x = 0; x < width|0; x++) {
        for(var y = 0; y < height|0; y++) {
            var  i = ((y * width + x) * 3)|0;
            var  r = data[i]|0;
            var  g = data[i + 1]|0;
            var  b = data[i + 2]|0;
            var  green = ((g > 80) && (g > (r + 35)|0) && (g > (b + 35)|0))|0;
            x_histogram[x] += green|0;
            y_histogram[y] += green|0;
        }
    }
};

| 0确保该数字是一个整数，这是asm js技术。 使用数字调用数组需要确保它是一个整数，使用| 0表示它是显式的。

编辑：这是最快，我设法得到没有不必要的| 0。 500x500为〜4ms，1000x1000为〜11。 请注意，我倒置了循环，以便顺序读取数据以利用预取，并且我还使用了更大的数据集来使改进显而易见。

var calc_histogram = function() {
    var i=0;
    for(var y = 0; y < height; y++) {
      for(var x = 0; x < width; x++) {
            var r = (data[i|0]+35)|0;
            var g = data[(i+1)|0];
            var b = (data[(i+2)|0]+35)|0;

            if((g > 80) && (g > r) && (g > b)){
              x_histogram[x]++;
              y_histogram[y]++;
            }
            i=(i+3)|0;
        }
    }
}

链接地址: http://www.djcxy.com/p/93403.html

上一篇: why Firefox runs this code 10x faster than Chrome

下一篇: Increase Badge Count From Client side not from Payload Receive count