ブラウザ監視のインストゥルメンテーション

リアルユーザーモニタリング（RUM）とも呼ばれる標準的なページロードタイミングに関して、当社はWebページ全体の総合的な読み込み時間を測定します。ページ読み込み後の追加の監視によって、ページ内AJAXコール、JavaScriptエラー、そしてその他のベントやインタラクションの詳細を得ることができます。

ブラウザ監視は、New Relic エージェントを活用して、ページが出来上がるのに合わせJavaScriptを動的にインジェクトすることで、より詳細なバックエンドのタイミング情報を収集することができます。Browserは、シングルページアプリケーション（SPA）アーキテクチャーによってアプリをモニターすることもできます。

ブラウザデータを収集するインストゥルメンテーション

データを収集するにあたり、ブラウザは、通常ページのHEADの一部としてWebページに貼り付けもしくは挿入されたJavaScript要素を使用します。これには設定情報ならびに重要なブラウザ環境のインストゥルメンテーションが含まれます。ページの読み込みが終了すると、CDNサーバーから追加のスクリプトがダウンロードされます。この追加スクリプトが、収集したデータを処理しbam.nr-data.net経由でNew Relicにレポートすることで、ご利用のNew Relicアカウントでデータを確認できます。

スクリプト要素は、自動的もしくはバックエンドアプリケーションにインストールされたAPMエージェントによるエージェントAPI経由でインジェクトするか、コピー/ペーストで手動で挿入できます。APIコールとコピー／ペーストのいずれの方法でも、スクリプト要素をいつ、どこで挿入するか管理できます。

次のような方法を使用して、ページロードタイミング情報を収集します：

JavaScriptの配置要件

HEADにJavaScriptをインラインで挿入することはJavaScriptライブラリにおいて珍しい要件であり、サードパーティ―スクリプトの一般的な含まれ方とは異なります。New Relicでは、ブラウザがページ読み込みパフォーマンスに支障をきたすことなく正確な情報を提供できるよう、この要件を設けています。

インジェクトされたブラウザのJavaScript要素は、ブラウザの多数の内蔵APIをラップしてJavaScriptエラーやコールバックタイミングに関する情報を記録します。コード要素の普通とは異なる配置は、以下の理由から必要となります：

• インラインのHEAD配置によって、インストゥルメンテーションコードが他のスクリプトより前に読み込まれるため、他のライブラリ登録時にラッピングを行うことができます。
• また、インラインのコード配置は、外部参照スクリプトによって引き起こされるネットワークラウンドトリップを排除できます。

データ転送

https and http Webページの双方に関して、New Relicはhttps経由でデータ転送を行います。これは、Webページを行き来するデータ転送がいつ行われるかをまとめたものです。