javascript - Boomerang ライブラリと Resource Timing API を使用する利点

Question

Node.jsバックエンドおよびフロントエンドとして使用しているプロジェクトに取り組んでおり、Angular.jsさまざまなブラウザー間でアプリのさまざまなリソースのページ読み込み統計を取得する必要があります。Resource Timing APIを使用し、結果のJSONオブジェクトをサーバーに保存することで、基本的な統計を収集することができました。しかし、SOでこの質問を読んだ後、ブーメランライブラリについて学び、少し混乱しています。単一ページのアプリケーション (つまり、Angular で構築) にResource Timing APIよりもBoomerangを使用する利点は何ですか?

Answer 1

Boomerangは、実際のユーザーのページ読み込みエクスペリエンスを測定するオープンソース ライブラリであり、多くの場合、Real User Monitoring (RUM) と呼ばれます。Boomerang は、メイン ページのすべての利用可能なネットワーク タイミング (DNS、TCP、要求、応答) や、ユーザー エージェント情報などのその他の重要な環境特性など、ページ読み込みエクスペリエンスの多くの側面を測定します。

Boomerang はもともと、訪問する各ページが新しいブラウザー ナビゲーションを開始する「従来の」ページの読み込みを監視するために開発されました。Angular.js のようなシングル ページ アプリ (SPA) のシナリオでは、Angular が必要に応じて XHR を介して必要な部分を引き出し、それらを DOM に挿入するため、訪問者は新しいコンテンツを取得するときに完全なブラウザー ナビゲーションを実行しなくなります。今日の SPA シナリオの Boomerang は、最初のページの読み込みを監視しますが、その後の SPA ページの読み込みは監視しません。

関心のあるリソースのネットワーク統計を収集するために ResourceTiming を使用していて、それらの統計のみに関心がある場合は、Boomerang は必要ありません。ただし、ユーザーのページ読み込みエクスペリエンス全体に関するより多くの情報を収集することに関心がある場合、Boomerang はページ読み込みエクスペリエンスとビーコンに関するより多くの情報をサーバーに返します。

Boomerang には、必要なシナリオに合わせて拡張をサポートする堅牢なプラグイン インフラストラクチャがあります。現在、SPA ソフト ページ ロード ナビゲーションをすぐに「サポート」していませんが、SPA を支援するプラグインが現在開発中です。