セッションの痕跡Webページのライフサイクルを探る

Session traces ウェブページのライフサイクル全体にわたって、最大 10 分間の読み込みおよびインタラクション イベントの詳細なタイムラインを提供します。 セッション URL またはセッション ID を選択すると、詳細なウォーターフォールの視覚化とヒート マップの概要を使用してメトリックを調べ、次の項目に関連する問題を特定できます。

• ページ読み込みのタイミング
• 個々のアセットの読み込み
• ユーザー インタラクション
• AJAXリクエスト
• コールバック
• セッション中のエラーおよびその他のイベント

使用事例

セッショントレースは、以下の問題を解決するのに役立ちます。

パフォーマンスをユーザー エクスペリエンスに、インタラクションをパフォーマンスに結び付けることで、ユーザー セッション内のすべてのイベントを表示する機能は、問題領域を特定し、解決策を特定するのに役立ちます。パーマリンクを作成して、この情報を他のユーザーと共有することもできます。

始めましょう

前提条件

1. one.newrelic.com > All Capabilities > Browserに移動します。

2. ブラウザ アプリを選択します。

3. 左側のメニューで、 Application settingsをクリックします。

4. アプリケーション設定ページで、 ProまたはPro + SPA Browser Agent が選択されていることを確認します。 セッションリプレイはLite Browserエージェントではご利用いただけません。

5. Session tracesがオンになっていることを確認します。 これらはデフォルトで有効になっています。

   トレースは、リソース タイミングAPIをサポートするブラウザーからのみキャプチャされます。

   1つのアプリに複数の名前を使っている場合 、セッショントレースは 最も特定のアプリケーション にのみ報告されます。

サンプリングレートを構成する

サンプリング モードを選択します。

• Default アプリケーションのトラフィックに関係なく、1 時間あたり 90 個のトレースを収集します。 セッショントレースの小さなサンプルのみが必要な場合は、このモードを選択します。 トラブルシューティングしているセッションでは、必ずしもトレースを利用できるとは限らないことに注意してください。

• Custom すべてのセッションの 0.000001 ～ 100% とエラーが発生したセッションの 0.000001 ～ 100% のトレースを収集できます。 ページの読み込みタイミングや JavaScript エラーのトラブルシューティングに使用できるセッション トレースをさらに増やしたい場合は、このモードを選択します。

  たとえば、セッション サンプリング レートを 50% に設定し、エラー サンプリング レートを 100% に設定すると、次のことが意味されます。

• すべてのユーザー セッションの半分がトレースを収集します。

• エラーが発生したすべてのセッションは、50% のサンプルに含まれていなくてもトレースを収集します。 エージェントはクライアント側で最大 30 秒間、データのスライディング ウィンドウをバッファリングします。エラーが発生した場合、バッファリングされたデータが収集され、セッションの残りの部分がトレースされます。 エラーが発生しない場合、トレースは収集されません。

  重要

  セッショントレースとセッションリプレイのサンプリング ルールの値が異なる場合は、高い値を使用してトレースを収集します。

  たとえば、セッションリプレイのサンプリング レートが 20%、トレースのサンプリング レートが 10% の場合、セッションの 20% のトレースが収集されます。 トレースの収集率が 30% の場合、セッションの 30% のトレースを収集します。

セッショントレースの選択

特定のセッション・トレースを選択するには

1. one.newrelic.com > All capabilities > Browser > (select a browser app) > Session tracesに移動します。

2. インデックスを特定の URL またはセッション トレース ID に制限するには、検索ウィンドウを使用します。

3. 他のパターンを探すには、任意の列の並べ替え順序を変更します。

4. セッション トレース リンクをクリックし、詳細ページを使用して詳細情報にドリルダウンします。

   さらに詳しく分析するには、 session 、 sessionTraceId 、 largestContentfulPaintなどの属性をクエリすることもできます。詳細については、ブラウザ監視イベント データに関するドキュメントおよびデータ ディクショナリを参照してください。

セッション・セグメントの定義

New Relic で コピー/貼り付け方法を使用してデプロイされたアプリの場合、ブラウザーの監視には、ページ読み込みタイミング プロセスの一部として、ウェブ アプリとNetwork時間のキュー時間が含まれます。これは、ブラウザーの監視がサーバー側のエージェントに依存して、自動挿入によってアプリケーションの値をブラウザー エージェントに渡すためです。

ブラウザーの観点から、このバックエンド時間の内訳に関する詳細情報を表示できます。セッション トレースは、利用可能なネットワーク関連のすべてのイベントを報告するため、ブラウザーが DNS ルックアップやその他のネットワーク イベントにどのように時間を費やしているかをケースバイケースで確認できます。

各セグメントの測定値は、セグメントが終了したセッションの長さを示します。たとえば、 Page loadが6.9sの場合、これは、リクエストの開始から 6.9 秒後にページ読み込みイベントが完了したことを意味します。

次の表では、セッション トレースの各セグメントについて説明し、これらの属性の詳細についてはデータ ディクショナリへのリンクを示します。

JavaScriptの実行と再描画が遅い

セッショントレースは、実行速度が遅く、ブラウザのメインスレッド上で後続の呼び出しの実行をブロックしているJavaScriptコードのコールバックを特定するのに役立ちます。これらのコールバックは、ユーザーのアクションに応じてブラウザが迅速にページを再描画するために、迅速に実行する必要があります。

セッション トレースでは、33 ミリ秒を超えるコールバックが強調表示されます。立て続けに呼び出された場合 ( requestAnimationFrameループ内など)、コールバックが 33 ミリ秒を超えると、フレーム レートが 30 フレーム/秒未満に低下します。この速度は、ユーザーにとっては遅いように見えます。

有料消費の計画

2024 年 6 月 10 日以降、セッショントレース データは月間全体のデータ消費量に加算されます。 つまり、既存の注文ごとに請求されることになります。 この変更は、サンプリング レートのカスタマイズ、データ保持期間の延長、パフォーマンスの向上を可能にする New Relic データベース (NRDB) へのストレージ アップグレードを反映しています。

クエリ ビルダーで以下のクエリを実行して、セッション トレース データの現在の月間消費量を表示します。 注意: 親アカウントから実行すると、結果にはすべての子アカウントの消費が反映されます。

FROM NrConsumption SELECT rate(sum(consumption), 1 month) as monthly_SessionTrace_GBs WHERE usageMetric = 'UnbilledBrowserEventsBytes' SINCE '2024-04-25'

より詳細なビューを表示するには、次のクエリを実行して、単一の子アカウント (該当する場合) の毎日の消費量を表示します。

FROM NrConsumption SELECT sum(consumption) as SessionTraceGBs WHERE usageMetric = 'UnbilledBrowserEventsBytes' FACET consumingAccountId, consumingAccountName SINCE '2024-04-25' TIMESERIES 1 day

サンプリング レートを調整するか、セッション トレースを無効にすることで、セッション トレース データの消費量を減らすことができます。

セッショントレースを無効にする

UI でセッション トレースを無効にするには:

1. one.newrelic.com > All Capabilities > Browser

   に移動します。

2. ブラウザ アプリを選択します。

3. 左側のメニューで、

   Application settings

   をクリックします。

4. Session traces

   を

   OFF

   に切り替えます。