JavaScriptコードをベンチマークするにはどうすればよいですか? [閉まっている]

StackOverflow https://stackoverflow.com/questions/1003855

  •  05-07-2019
  •  | 
  •  

質問

JavaScriptコードのベンチマークに役立つパッケージはありますか? Firebugやそのようなツールについては言及していません。

実装した2つの異なるJavaScript関数を比較する必要があります。私はPerlのベンチマーク( Benchmark.pm )モジュールに非常に精通しており、次のようなものを探しています。 JavaScript。

JavaScriptコードのベンチマークに重点が置かれていますか?関数を1回実行するだけでタイミングを調整できますか?

役に立ちましたか?

解決

各関数を数回繰り返します。 1回の反復ではおそらく十分ではありませんが、(関数の複雑さに応じて)100回近く、または1,000回の反復で作業を行う必要があります。

Firebugにはプロファイラーもあり、関数のどの部分が遅くなっているのかを確認したい場合

編集:将来の読者には、JSPerfを推奨する以下の回答が正しい答えになるはずです。私は私のものを削除しますが、OPによって選択されているため、できません。ベンチマークには、単に多数の反復を実行するだけではなく、JSPerfがそれを処理してくれます。

他のヒント

jsperf.com は、JSパフォーマンスをテストするためのサイトです。そこから始めましょう。コマンドラインまたはスクリプトから独自のテストを実行するためのフレームワークが必要な場合は、jsperfのライブラリである Benchmark.js を使用します。 .comが構築されます。

注: Javascriptコードをテストする人は、「マイクロベンチマーク」の落とし穴について自ら教育する必要があります。 (実際のコードパターンに基づくより複雑なテストではなく、特定の機能または操作を対象とする小さなテスト)。このようなテストは有用ですが、最新のJSランタイムがどのように動作するかによって不正確になりがちです。 パフォーマンスとベンチマークに関するVyacheslav Egorovのプレゼンテーションは、自然を感じるために見る価値があります問題の。

編集: JSLitmusの機能への参照を削除しました。関連性や有用性がなくなったためです。

ミックスにクイックタイマーを追加するだけで、誰かが便利だと思うかもしれません:

var timer = function(name) {
    var start = new Date();
    return {
        stop: function() {
            var end  = new Date();
            var time = end.getTime() - start.getTime();
            console.log('Timer:', name, 'finished in', time, 'ms');
        }
    }
};

理想的には、クラスに配置され、上記の例の目的で行ったようにグローバルとして使用されません。使い方はとても簡単です:

var t = timer('Some label');
// code to benchmark
t.stop(); // prints the time elapsed to the js console

簡単な方法。

console.time('test');
console.timeEnd('test');

@musicfreaks answerのこの単純な実装を使用しています。機能はありませんが、本当に使いやすいです。この bench(function(){return 1/2;}、10000、[]、this)は1/2 10,000回計算します。

/**
 * Figure out how long it takes for a method to execute.
 * 
 * @param {Function} method to test 
 * @param {number} iterations number of executions.
 * @param {Array} args to pass in. 
 * @param {T} context the context to call the method in.
 * @return {number} the time it took, in milliseconds to execute.
 */
var bench = function (method, iterations, args, context) {

    var time = 0;
    var timer = function (action) {
        var d = Date.now();
        if (time < 1 || action === 'start') {
            time = d;
            return 0;
        } else if (action === 'stop') {
            var t = d - time;
            time = 0;    
            return t;
        } else {
            return d - time;    
        }
    };

    var result = [];
    var i = 0;
    timer('start');
    while (i < iterations) {
        result.push(method.apply(context, args));
        i++;
    }

    var execTime = timer('stop');

    if ( typeof console === "object") {
        console.log("Mean execution time was: ", execTime / iterations);
        console.log("Sum execution time was: ", execTime);
        console.log("Result of the method call was:", result[0]);
    }

    return execTime;  
};

適切なクロスブラウザベンチマークを作成するのは非常に困難です。あらかじめ定義されたコードの反復回数を計るだけで、まったく防弾ではありません

@broofaが既に示唆しているように、 jsPerf を確認してください。舞台裏で Benchmark.js を使用します。

カスタムベンチマークスクリプトを記述する場合、一部のブラウザは、定義されている機能が終了した後にのみdom操作を適用することに注意してください。詳細はこちら http://www.quirksmode.org/blog/archives/2009/08 /when_to_read_ou.html

簡単なものが必要な場合は、次のようにします:

'use strict'
console.clear()

const powerOf = x => y => Math.pow(x, y)
const powerOfThree = powerOf(3)

function performanceCalc(fn, ...params) {
    const start = +new Date()
    const result = fn(...params)
    const end = +new Date()

    console.log(`Result: ${result}. Execution Time: ${end - start} ms`)
}

performanceCalc(powerOfThree, 2)

コードの例

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top