RUM

RUM メトリクスの分析

4 min

1. RUM Overview Pages

RUM Application Summary Dashboard から、右側の三点メニュー

trippleburger
Open Application Overview を選択するか、アプリケーション名のリンク(以下の例では jmcj-rum-app)をクリックして、Application Overview Page を開くことで詳細情報を確認できます。

RUM-SummaryHeader

これにより、以下に示す RUM Application Overview Page 画面に移動します。

RUM app overview with UX metrics

2. RUM Browser Overview

2.1. Header

RUM UI は5つの主要セクションで構成されています。最初のセクションは選択ヘッダーで、いくつかのオプションを設定/フィルタリングできます

RUM-Header

2.2. UX Metrics

デフォルトでは、RUM はエンドユーザーの体験を最も直接的に反映するメトリクスを優先的に表示します。

Additional Tags

すべてのダッシュボードチャートでは、時間の経過に伴うトレンドの比較、ディテクターの作成、クリックスルーによる問題の詳細な診断が可能です。

まず、ページロードとルート変更の情報が表示されます。これにより、予期しない何かがユーザートラフィックのトレンドに影響を与えているかどうかを把握できます。

Page load and route change charts

次に、Google は読み込み、インタラクティビティ、視覚的安定性によって測定されるユーザー体験を定量化するために Core Web Vitals を定義しています。Splunk RUM は Google のしきい値を UI に組み込んでいるため、メトリクスが許容範囲内にあるかどうかを簡単に確認できます。

Core Web Vitals charts

Web Vitals の改善はエンドユーザー体験の最適化における重要な要素であるため、これらを素早く理解し、しきい値を超えた場合にディテクターを作成できることが非常に重要です。

さらに詳しく学びたい場合は、Google が優れたリソースを提供しています。例えば the business impact of Core Web Vitals をご覧ください。

2.3. Front-end health

フロントエンドの問題の一般的な原因は JavaScript エラーとロングタスクであり、特にインタラクティビティに影響を与える可能性があります。これらのインジケーターにディテクターを作成することで、ユーザーから報告される前にインタラクティビティの問題を調査でき、必要に応じてワークアラウンドの構築や関連リリースのロールバックをより迅速に行うことができます。エンドユーザー体験を向上させるためのロングタスクの最適化 について詳しく学びましょう!

JS error charts
Long task charts

2.4. Back-end health

ユーザー体験に影響を与える一般的なバックエンドの問題は、ネットワークの問題とリソースリクエストです。この例では、Time To First Byte のスパイクがリソースリクエストのスパイクと一致していることが明確に確認でき、調査を始める良い出発点がすでにあります。

Back-end health charts

Last Modified ·