フロントエンドのベンチマークにはワークロードのコンテキストが必要
ダッシュボード主体のフロントエンドにおいてReact、Angular、Vueのパフォーマンスを比較する際、単純なベンチマーク数値だけでは不十分であり、実際のワークロードやユースケースに応じたコンテキストが重要であることを解説。各フレームワークの特性を踏まえた適切な選択の指針を提供する。
背景メモ
- React、Angular、Vueのパフォーマンス比較はよく行われるが、典型的なベンチマークは「TODOリストアプリ」のような軽量処理に偏っており、実務で重要な「大量データのダッシュボードUI」という負荷条件を無視している問題を指摘する記事。
- 「Krab Arena」はフロントエンドフレームワークの実践的比較に特化したサイト。記事は同サイト運営者によるもので、特定フレームワークの宣伝ではなく、ベンチマーク手法そのものへの批判。
- ダッシュボードUIでは、数百〜数千のリアルタイム更新セルやチャートを仮想DOMがどう処理するかが実用上の鍵となるが、既存のベンチマークはこれを測定しない。
- この議論の背景には、Reactの仮想DOMやAngularのChange Detection、VueのProxyベースのリアクティビティといった設計思想の違いがあり、負荷の種類によって有利不利が変わるという認識が業界で広がりつつある。