Speedometer 3.0、Mozilla、Google、Microsoft、Apple の共同作業のおかげで登場

スピードメーターはブラウザのパフォーマンスを測定します

Web 開発で大きな進歩が達成され、Web 開発の統一を達成するためのあらゆる努力にもかかわらず、2024 年半ばになっても、ブラウザーは共通の標準に到達できていない (または到達したかった) 日です。良くも悪くも、この状況により、それぞれが当時他のブラウザに実装されていた機能や利点を提供することになりました。

Web ブラウザーのパフォーマンスの測定について話すことは、他の場合ほど単純ではありません。この場合、さまざまな側面が検査され、そのため通常はさまざまなツールが使用されます。しかし今では、ウェブの有力者たちが力を合わせたため、これは異なる方向に進むかもしれません。

前回のリリースから6年を経て、ウェブブラウザのパフォーマンスと応答性を評価するための最新ツール「Speedometer 3.0」が発表されました。Mozilla、Google、Microsoft、Appleが共同開発したこのツールは、一般的なウェブアプリケーションにおけるユーザーの操作をシミュレートすることで、遅延を推定することに重点を置いています。

主要な Web ブラウザエンジン Blink/V8、Gecko/SpiderMonkey、WebKit/JavaScriptCore と協力して、Speedometer 3.0 をリリースできることを嬉しく思います。 Speedometer などのベンチマークは、ブラウザベンダーがパフォーマンスを向上させる機会を見つけるのに役立つツールです。理想的には、ユーザーが一般的な Web サイトで見つける機能をシミュレートし、ブラウザーがユーザーにとって有益な領域を最適化できるようにします。

スピードメーター3.0について

Speedometer 3.0は、主要なブラウザエンジン開発者が共同で作成した初のブラウザ性能テストスイートであるという点で注目に値します。これは、共通のテストポリシーの開発によって可能になりました。

テストツールセットが拡張され、ユーザー操作への応答性を測定する際に、さまざまなブラウザ操作を考慮できるようになりました。これには、コード実行時間だけでなく、レンダリング時間や非同期タスク実行も含まれます。

ブラウザ開発者がテスト結果を分析し、パフォーマンスプロファイルを作成し、必要に応じてテストパラメータを調整するためのツールが開発されています。さらに、複雑なカスタムテスト起動スクリプトを作成する機能も提供されています。

Speedometer 3.0のアップデートに関して、 Angular、Backbone、jQuery、Lit、Preact、React、React+Redux、Svelte、Vueといったフレームワークの最新バージョンへの移行が完了しました。また、Webpack、Webコンポーネント、DOM操作のための最新メソッドなど、WebサイトやWebアプリケーション向けの最新のデザインパターンも実装されています。

追加のテストでは、Canvas要素を使用したレンダリング、SVG生成、複雑なCSS処理、大規模なDOMツリーの処理、WYSIWYGコンテンツ編集やニュースサイトで使用される技術におけるパフォーマンスを評価しています。

Speedometer 3.0は、使用されるさまざまな基準点の性能を評価するように設計されています。

TodoMVC でメモを追加、完成、削除します。 100 個のノートの追加、完了、削除などのアクションは、TodoMVC タスクマネージャーを使用して実行されます。これは、さまざまな Web フレームワーク、DOM での作業メソッド、および ECMAScript 標準のバージョンに基づくバリアントで実装されます。 TodoMVC オプションの例には、React、Angular、Vue、jQuery、WebComponents、Backbone、Preact、Svelte、Lit などのフレームワークや、ECMAScript 5 および ECMAScript 6 仕様で導入された高度な機能を使用するオプションが含まれます。
WYSIWYG モードでのテキスト編集: WYSIWYG マークアップによるテキスト編集は、CodeMirror や TipTap などのコードエディターを使用して評価されます。
グラフィックスの読み込みと対話: Canvas 要素を使用して設計されたグラフィック、または Observable Plot、chart.js、react-stockcharts などのライブラリを使用して SVG 形式で生成されたグラフィックの読み込みと対話が評価されます。
ニュースサイトのナビゲーションとインタラクション: ページナビゲーションとコンテンツとのインタラクションは、Next.js および Nuxt Web フレームワークを使用して一般的なニュースサイトでシミュレートされます。

Speedometer 3.0 テストスイートに合格することで得られた結果については、macOS では Chrome が 22.6 ポイントでリードし、僅差で Firefox が 20.7 ポイント、Safari が 19.0 ポイントで続きます。比較すると、Speedometer 2.1 では、同じブラウザを使用した同じテストで、Safari が 481 ポイントで首位に立ち、Firefox が 478 ポイントで続き、Chrome が 404 ポイントで大きく遅れをとっていました。 Ubuntu 22.04 では、Chrome は 13.5 ポイントと 234 ポイントを獲得しましたが、Firefox は Speedometer バージョン 12.1 と 186 でそれぞれ 3.0 ポイントと 2.1 ポイントを獲得しました。

最後に、さらに詳しく知りたい場合は、以下のリンクから詳細をご確認いただけます。