ESBench: 最新のベンチマークツール-jsチュートリアル-php.cn

ESBench: 最新のベンチマークツール

Barbara Streisand

リリース： 2024-09-25 06:28:06

オリジナル

249 人が閲覧しました

benchmark.js は 2024 年 4 月に終了します。新世代のツールが登場する時期が来ました!

ESBench は、2024 年にリリースされた新しい JavaScript ベンチマークツールです。最新の JS プロジェクトにシンプルでスケーラブルなベンチマークサポートを提供するように設計されています。

GitHub リポジトリ

問題

当初、JavaScript はソースから直接実行されていましたが、アプリケーションがより複雑になるにつれて、これはますます当てはまらなくなりました。最新のアプリケーションはビルドする必要があることが多く、ビルドプロセスを統合できるベンチマークツールが必要です。また、パフォーマンスに対するビルドの影響を考慮する必要があります。
JavaScript には「公式ランタイム」がありません。ブラウザ、Node、Deno、そして最近では Bun はすべて、高いパフォーマンスを主張しています。しかし、自分のコードではどうなるでしょうか? 複数のランタイムでベンチマークを実行し、その結果を 1 つのレポートにエクスポートできるツールがあれば素晴らしいでしょう —— それが ESBench を作成した主な動機でした。
JS ベンチマークツールでは実行できない便利な機能がいくつかあります (漸近複雑度の計算、戻り値の検証、結果の対話型グラフへのプロットなど) .

ESBench によるベンチマーク

これらの問題を解決するために、必要な機能をすべて備え、シンプルな API を備えた新しいツールを作成することにしました。

約 1 年の開発を経て、ESBench が誕生しました。

ESBench をオンラインで試すことができます

書き込みスイート

ESBench は、JS の最も一般的な記述方法である宣言型 API とクロージャーを選択します。

Set.has と Array.includes を比較します:

// benchmark/array-vs-set.js
export default scene => {
    const length = 1000;
    const array = Array.from({ length }, (_, i) => i);

    const set = new Set(array);
    const value = array[Math.floor(array.length / 2)];

    scene.bench("Set", () => set.has(value));
    scene.bench("Array", () => array.includes(value));
};

ログイン後にコピー

pnpm exec esbench を実行してスイートを実行すると、結果は次のようになります:

Suite: benchmark/array-vs-set.js
| No. |  Name |      time | time.SD |
| --: | ----: | --------: | ------: |
|   0 |   Set |   3.64 ns | 0.00 ns |
|   1 | Array | 326.36 ns | 0.17 ns |

ログイン後にコピー

もう少し詳しい機能

パラメータ化とベースラインは頻繁に必要となる要件ですが、ESBench はシンプルなオプションでそれらをサポートします。

export default {
    baseline: { type: "type", value: Set },
    params: {
        length: [10, 10_000],
        type: [Set, Array],
    },
    setup(scene) {
        const { length, type } = scene.params;

        // Prepare
        const array = Array.from({ length }, (_, i) => i);
        const set = new Set(array);
        const value = array[Math.floor(array.length / 2)];

        // Support conditions
        if (type === Set) {
            // Define benchmark cases
            scene.bench("create", () => new Set(array));
            scene.bench("has", () => set.has(value));
        } else {
            scene.bench("create", () => [...array]);
            scene.bench("has", () => array.includes(value));
        }
    },
};

ログイン後にコピー

テキストレポート:

ESBench: A modern benchmarking tool

クロスランタイム

複数のランタイムで実行される上記の問題に戻ります:

// esbench.config.js
import { defineConfig, ProcessExecutor, ViteBuilder, WebRemoteExecutor } from "esbench/host";

export default defineConfig({
    toolchains: [{
        // Build your benchmark code with Vite, require vite installed.
        builders: [new ViteBuilder()],
        executors: [
            // Run suite on Node.
            new ProcessExecutor("node"),

            // Run suite on Bun.
            new ProcessExecutor("bun"),

            // Open the default browser to run benchmark,
            // in my computer it's Firefox.
            {
                name: "Firefox",
                use: new WebRemoteExecutor({ open: {} }),
            },
        ],
    }],
});

ログイン後にコピー

ランタイムをベースラインとして設定することもできます:

import { defineSuite } from "esbench";

export default defineSuite({
    baseline: { type: "Executor", value: "node" },
    setup(scene) {
        const length = 1000;
        const array = Array.from({ length }, (_, i) => i);

        const set = new Set(array);
        const value = array[Math.floor(array.length / 2)];

        scene.bench("Set", () => set.has(value));
        scene.bench("Array", () => array.includes(value));
    },
});

ログイン後にコピー

結果:

| No. |  Name | Executor |      time | time.SD | time.ratio |
| --: | ----: | -------: | --------: | ------: | ---------: |
|   0 |   Set |     node |   3.69 ns | 0.03 ns |   baseline |
|   1 |   Set |      bun |   0.00 ns | 0.00 ns |   -100.00% |
|   2 |   Set |  Firefox |   0.00 ns | 0.00 ns |   -100.00% |
|     |       |          |           |         |            |
|   3 | Array |     node | 325.02 ns | 1.00 ns |   baseline |
|   4 | Array |      bun | 324.87 ns | 0.08 ns |     -0.04% |
|   5 | Array |  Firefox | 516.70 ns | 0.75 ns |    +58.98% |
Warnings:
[No.1] Set: The function duration is indistinguishable from the empty function duration.
[No.2] Set: The function duration is indistinguishable from the empty function duration.

ログイン後にコピー