の JavaScript スニペットは、Web サイトのパフォーマンスと、ページの読み込みにかかる時間に関するユーザーの認識に、ほとんど目に見えない影響を及ぼします。 JavaScript は、いずれにせよ送信される Web ページ データのパケットに含まれています。 さらに、Web ページの残りの部分が実行されるとすぐにエラーとイベントの監視が開始されます。 JavaScript をロードするために必要なオーバーヘッドはごくわずかであるため、大量の実用的なデータが返されます。
全体的な影響
JavaScriptのオーバーヘッドは、ユーザーへの影響とお客様のシステムのパフォーマンスへの影響の両方を考慮しています。
User perception:
通常、ユーザーは 200 ミリ秒未満の Web サイトのパフォーマンス低下を検出できません。 browserの JavaScript により、ページの読み込みごとに合計時間が 15 ミリ秒未満増加します。 これは時間の経過とともに分割されるため、ユーザーは JavaScript によるパフォーマンスへの影響をまったく認識できません。
Webserver and systems:
browserアプリの監視はサーバーではなく、ユーザーのbrowser上で行われます。 処理時間は CPU 消費に影響しません。
さらに、監視対象のアプリやウェブページへの潜在的な影響を最小限に抑えるために、追加の手順を実行します。たとえば、「ローダー」スクリプトは、ページのライフ サイクル全体で監視が有効になっていることを確認するために、 <HEAD>
で同期的に読み込まれます。このスクリプトはインラインで含まれているため、 コンテンツ配信ネットワーク (CDN)への別のラウンドトリップ ネットワーク要求が不要になります。「ローダー」は、最初のページの読み込みに付属しています。
ページのライフ サイクルの後半で、New Relic は追加の監視スクリプトを非同期で読み込みます。これらのスクリプトは、ユーザーに知覚可能な影響を与えるべきではなく、1 ページあたり 15 ミリ秒未満の全体的なオーバーヘッドに含まれています。
ネットワークへの影響
また、ブラウザー監視は、データをローカルに (クライアントで) 集約し、定期的な間隔でページのライフサイクル イベント load
、 unload
、 pageshow
、および pagehide
で New Relic に送り返すことにより、エンド ユーザーのネットワーク トラフィックを最小限に抑えます。 .(ブラウザ セッションのアイドル期間中は、送信が不要な場合があります。)
ブラウザエージェントスクリプト
エージェントは複数のスクリプトで構成され、「ローダー」の初期サイズを縮小し、有効なエージェント機能をサポートするために必要な JavaScript のみのロードをサポートします。最初のスクリプト「ローダー」は、HTML ドキュメントにインラインで挿入されます。残りのスクリプトは、コンテンツ配信ネットワーク (js-agent.newrelic.com) からダウンロードされます。 load
ページのライフサイクル イベントが発生したとき。ロードされるスクリプトの数は、使用されているエージェントのタイプによって異なります。 ブラウザ エージェントの種類については、こちら をご覧ください。
スクリプト | Lite | プロ | プロ+SPA |
---|---|---|---|
インラインのスクリプトサイズ | 10.2KB | 15.5KB | 17.5KB |
ダウンロードしたスクリプトのサイズ | 15.3KB | 21KB | 25.4KB |
サイズは、gzip 圧縮を使用して縮小されたスクリプトに基づいています。
ブラウザエージェントのハーベスト
データ型 | Lite | プロ | プロ+SPA | 収穫頻度 |
---|---|---|---|---|
PageView イベント | そう | そう | そう |
|
PageViewTiming イベント | そう | そう | そう |
|
JavaScriptエラーメトリクス | ノー | そう | そう |
|
Ajaxメトリクス | ノー | そう | そう | タイムスライス データとして JavaScriptError メトリクスと一緒に送信されます。 |
AjaxRequestイベント | ノー | そう | そう |
|
セッション・トレース | ノー | そう | そう | セッション トレース データは、 |
セッションのリプレイ | ノー | そう | そう | セッションリプレイ イベントは、次のいずれかが発生したときに収集されます。
|
PageAction イベント | ノー | そう | そう |
|
BrowserInteraction イベント | ノー | ノー | そう |
|