Javascript性能问题

时间:2014-05-18 17:45:01

标签: javascript performance profiling

有人可以帮我弄清楚JavaScript花了多少时间在幕后做什么?在我编写的程序中,我有一个简单的循环:

function loop () {  
    update_cells();
    grid.draw();
    draw_cells();
}

(function setup() {
    canvas = document.getElementById("canvas");
    ctx = canvas.getContext("2d");

    grid = new Grid(settings.gridSize);
    cells = new _2DArray(grid.size);
    randomize2DArray(cells);

    function animloop()
    {
        loop();
        requestAnimationFrame(animloop);
    }

    animloop();
}());

我已经对程序进行了计时,并确定在循环的每次迭代之间所做的任何JavaScript都占用了程序运行时间的大约95%。分析时间线只显示(程序)在每次循环迭代之间几乎永远运行。任何想法可能是什么?如果您想要查看整个程序,请点击此链接:http://cdpn.io/ajflL

非常感谢任何帮助。

编辑:所以我确实在某个地方添加了ctx.beginPath(),我忘记了它,并且性能提高了1000倍。不知道这一小段代码是如此重要。

0 个答案:

没有答案