スピードインデックスは、mablによって自動的に計算されるアプリケーションのパフォーマンス監視指標です。ページのURLや個々のテストステップの読み込み速度を、ページの読み込みがなくても追跡します。これにより、URLが変わらずにユーザーの操作に応じてページが動的に更新されるシングルページアプリケーションにとっても役立つ指標となります。
mablは、スピードインデックスを使用して累積アプリケーションの読み込み時間を計算します。これは、アプリケーション全体のパフォーマンスを継続的に監視するための重要な指標です。
個々のステップのスピードインデックスを確認するには、テスト出力でステップを選択し、「ログ」タブをクリックしてからパフォーマンスタブを選択してください。ハイライトされた値が現在のテスト実行のスピードインデックスを示します。グラフ上の他のポイントは、同じテストバージョン、プラン、環境での同じテストステップの最近の実行におけるスピードインデックスを表しています。
スピードインデックスチャート例
スピードインデックスは、スクリーンショットとステップトレースがあるステップのうち、ChromeとEdgeでのテスト実行時のみ利用できます。
スピードインデックスとGoogle Lighthouse
スピードインデックスは、Google Lighthouse ツールで ページの読み込み速度 を測定するための重要な指標です。現在、LighthouseツールはページのURLが変わらないUI操作時の読み込みパフォーマンスを追跡していない点にご注意ください。
スピードインデックスの低減
アプリケーションのページや画面を最適化して、視覚的に速く読み込めるようにすることで、スピードインデックスのスコアを下げることができます。このテーマに関する優れたリソースとして、Google Developers networkの「Optimizing Content Efficiency」と「Optimizing the Critical Rendering Path」の記事があります。