RUM ビュー
Dash が新機能を発表!インシデントマネジメント、Continuous Profiler など多数の機能が追加されました! Dash イベントで発表された新機能!

RUM ビュー

ページビューとは、ウェブサイトからページへアクセスするユーザー数のことです。一意の属性 view.id を使うと、ページビューの間のエラーリソースロングタスクユーザーアクションがそのページビューにアタッチされます。新しいイベントが収集されると、ページビューは更新されます。

ページビューには、読み込みパフォーマンスのメトリクスが Paint Timing APINavigation Timing API の両方から収集されます。

シングルページアプリケーション

シングルページアプリケーション (SPA) の場合、RUM SDK は、loading_type 属性を使用して、initial_load ナビゲーションと route_change ナビゲーションを区別します。ウェブページをクリックすると、ページが完全に更新されずに新しいページが表示される場合、RUM SDK は、loading_type:route_change を使用して新しいビューイベントを開始します。RUM は、履歴 APIを使用してページの変更を追跡します。

Datadog は、ページの読み込みに必要な時間を計算する独自のパフォーマンスメトリクス、loading_time を提供します。このメトリクスは、initial_loadroute_change の両方のナビゲーションで機能します。

読み込み時間はどのように計算されますか?

最新のウェブアプリケーションを考慮するために、読み込み時間はネットワークリクエストと DOM のミューテーションを監視します。

  • Initial Load: 読み込み時間は、次の*どちらか長い方*になります*。

    • navigationStartloadEventEnd の差。
    • または、navigationStart と、ページに 100 ミリ秒を超えて初めてアクティビティがないときの差 (アクティビティは、進行中のネットワークリクエストとして定義されているか、DOM ミューテーションが現在発生しています)。
  • SPA Route Change: 読み込み時間は、ユーザーのクリックと、ページに 100 ミリ秒を超えて初めてアクティビティがないときの差に等しくなります (アクティビティは、進行中のネットワークリクエストとして定義されているか、DOM ミューテーションが現在発生しています)

Hash SPA ナビゲーション

ハッシュ (#) ナビゲーションは RUM SDK によって自動で監視されます。SDK は HashChangeEvent を監視し、ビューイベントを新規作成することでこれをナビゲーションとして認識します。HTML アンカータグからくるハッシュの変更は無視されます。

収集されるメトリクス

属性タイプ説明
duration数値(ns)現在のビューに費やした時間。
view.loading_time数値(ns)ページの準備が整い、ネットワークリクエストまたは DOM ミューテーションが現在発生していない状態になるまでの時間。収集データドキュメントの詳細
view.measures.first_contentful_paint数値(ns)ブラウザによりテキスト、画像(背景画像を含む)、白以外のキャンバス、または SVG が最初にレンダリングされた時間。ブラウザのレンダリングの詳細については、w3 定義を参照してください。
view.measures.dom_interactive数値(ns)パーサーによりメインドキュメントの作業が終了された瞬間。MDN ドキュメントの詳細
view.measures.dom_content_loaded数値(ns)最初の HTML ドキュメントがレンダリング以外のブロッキングスタイルシート、画像、サブフレームの読み込み完了を待たずに完全に読み込まれ解析される際に発生するイベント。MDN ドキュメントの詳細
view.measures.dom_complete数値(ns)ページとすべてのサブリソースの準備が完了。ユーザー側では、ローディングスピナーの回転が停止。MDN ドキュメントの詳細
view.measures.load_event_end数値(ns)ページが完全に読み込まれた際に発生するイベント。通常は追加のアプリケーションロジックのトリガー。MDN ドキュメントの詳細
view.measures.error_count数値このビューについてこれまでに収集されたすべてのエラーの数。
view.measures.long_task_count数値このビューについて収集されたすべてのロングタスクの数。
view.measures.resource_count数値このビューについて収集されたすべてのリソースの数。
view.measures.user_action_count数値このビューについて収集されたすべてのユーザーアクションの数。

その他の参考資料