ブラウザのモニタリングとパフォーマンスへの影響

ブラウザモニタリングのJavaScriptスニペットは、ウェブサイトのパフォーマンスや、ページの読み込み時間に対するユーザーの認識に、ほとんど目に見えない影響をもたらします。このJavaScriptは、ウェブページのデータのパケットに含まれており、そのまま送信されます。さらに、JavaScriptはウェブページの残りの部分が実行されると同時に、エラーやイベントの監視を開始します。JavaScriptをロードするために必要なオーバーヘッドはごくわずかで、実用的なデータの大きなリターンとなります。

全体的な影響

JavaScriptのオーバーヘッドは、ユーザーへの影響とお客様のシステムのパフォーマンスへの影響の両方を考慮しています。

ユーザーの認識： 一般的にユーザーは、200ms未満のウェブサイトのパフォーマンス低下を検知できません。ブラウザのJavaScriptは、ページの読み込みごとに15ms以下の時間を加算します。これは時間の経過とともに分割されるため、ユーザーがJavaScriptによるパフォーマンスへの影響を認識することはできません。
ウェブサーバとシステム： ブラウザアプリの監視は、サーバではなくユーザーのブラウザ上で行われます。処理時間がCPU消費量に影響することはありません。

さらに、監視対象のアプリやウェブページへの潜在的な影響を最小限に抑えるために、追加の手順を実行します。たとえば、「ローダー」スクリプトは、ページのライフサイクル全体で監視が有効になっていることを確認するために、 <HEAD> で同期的に読み込まれます。このスクリプトはインラインで含まれているため、コンテンツ配信ネットワーク (CDN)への別のラウンドトリップネットワーク要求が不要になります。「ローダー」は、最初のページの読み込みに付属しています。

ページのライフサイクルの後半で、New Relic は追加の監視スクリプトを非同期で読み込みます。これらのスクリプトは、ユーザーに知覚可能な影響を与えるべきではなく、1 ページあたり 15 ミリ秒未満の全体的なオーバーヘッドに含まれています。

ネットワークへの影響

また、ブラウザー監視は、データをローカルに (クライアントで) 集約し、定期的な間隔でページのライフサイクルイベント load、 unload、 pageshow、および pagehideで New Relic に送り返すことにより、エンドユーザーのネットワークトラフィックを最小限に抑えます。 .(ブラウザセッションのアイドル期間中は、送信が不要な場合があります。)

ブラウザエージェントスクリプト

エージェントは複数のスクリプトで構成され、「ローダー」の初期サイズを縮小し、有効なエージェント機能をサポートするために必要な JavaScript のみのロードをサポートします。最初のスクリプト「ローダー」は、HTML ドキュメントにインラインで挿入されます。残りのスクリプトは、コンテンツ配信ネットワーク (js-agent.newrelic.com) からダウンロードされます。 load ページのライフサイクルイベントが発生したとき。ロードされるスクリプトの数は、使用されているエージェントのタイプによって異なります。ブラウザエージェントの種類については、こちらをご覧ください。

スクリプト	Lite	プロ	プロ＋SPA
インラインのスクリプトサイズ	11.90キロバイト	18.36キロバイト	20.16キロバイト
ダウンロードしたスクリプトのサイズ	11.70キロバイト	21.94キロバイト	28.59キロバイト

^{サイズは、gzip 圧縮を使用して縮小されたスクリプトに基づいています。}

ブラウザエージェントのハーベスト

データ型	Lite	プロ	プロ＋SPA	収穫頻度
PageView イベント	そう	そう	そう	`PageView` イベントは、 `load` ページライフサイクルイベントの直後に 1 回収集されます。このデータは、New Relic UI Browser ダッシュボードでページビューメトリックを生成する役割を果たします。これは `bam.nr-data.net` または `bam-cell.nr-data.net`への JSONP 呼び出しです。 `PageView` イベントを収集するには、すべてのエージェントが必要です。
PageViewTiming イベント	そう	そう	そう	`PageViewTiming` イベントはすべてのエージェントによって収集され、コア Web バイタル測定値などのタイミングデータが含まれます。最初の収集は、 `load` ページライフサイクルイベントの 10 秒後に行われます。追加の収集は、送信するデータがある場合に必要に応じて 30 秒ごとに行われます。報告されたイベントのリストについては、 PageViewTiming ドキュメントを参照してください。
JavaScriptError メトリクス	ノー	そう	そう	`JavaScriptError` メトリクスは、 `load` ページライフサイクルイベントの後、10 秒ごとに収集されます。この収集はメトリックタイムスライスデータとして送信され、Ajax メトリックも含まれます。
Ajaxメトリクス	ノー	そう	そう	タイムスライスデータとして JavaScriptError メトリクスと一緒に送信されます。
AjaxRequest イベント	ノー	そう	そう	`AjaxRequest` `SPA` エージェントが使用されていない限り、イベントは `load` ページライフサイクルイベントの後に 10 秒ごとに収集されます。 `SPA` エージェントを使用している場合、最初の収集は `load` ページライフサイクルイベントの後に行われます。その後の収穫は、10 秒ごとに、または `SPA` エージェントがルートの変更に気付いたときに行われます。
セッション・トレース	ノー	そう	そう	セッショントレースデータは、 `load` ページライフサイクルイベントの後に収集されます。十分なデータが収集されると、その後の収集は 10 秒ごとに行われます。セッショントレースは、ほとんどのデータを送信しますが、大量にサンプリングされます。セッショントレースデータの送信が有効になるのは、1 時間あたり約 75 ページビューのみです。
PageAction イベント	ノー	そう	そう	`PageAction` イベントは `load` ページライフサイクルイベントの後に収集され、その後の収集は 30 秒ごとに行われます。
BrowserInteraction イベント	ノー	ノー	そう	`BrowserInteraction` インタラクションが終了した直後にイベントが収集されます。最初の収集は、 `load` ページライフサイクルイベントの後に発生します。最初のページ読み込みを表すインタラクションが少なくとも 1 つ常に存在します。URL が変更された場合 (ルートの変更を表す) にのみ、追加のインタラクションが収集されます。インタラクション中に発生した場合、`AjaxRequest` イベントも同時に収集されます。