RUM

Browser Application の健全性を一目で確認する

• このランディングページで利用可能な UI とオプションに慣れましょう
• Page Views/JavaScript Errors と Request/Errors を単一のビューで確認します
  Web Vitals メトリクスと、Browser Application に関連して発火した Detector を確認します

Application Summary Dashboard #

1. Header Bar #

前のセクションで見たように、RUM Application Summary Dashboard は 5 つの主要セクションで構成されています。
最初のセクションは選択ヘッダーで、

さらに、右側の三点メニュー

ここでは、Application Summary Dashboard で得られる高レベルの情報を見ていきましょう。

RUM Application Summary Dashboard は、アプリケーションの状態を一目で把握できるハイライトを提供することに重点を置いています。

2. Page Views / JavaScript Errors & Network Requests / Errors #

最初のセクションには Page Views / JavaScript Errors と Network Requests and Errors のチャートが表示され、アプリケーションにおけるこれらの問題の数量とトレンドを示します。これは JavaScript エラーやバックエンドサービスへの失敗したネットワーク呼び出しなどです。

上の例では、Network チャートに失敗したネットワーク呼び出しはありませんが、Page View チャートではいくつかのページでエラーが発生していることがわかります。これらは通常のユーザーには見えないことが多いですが、Web サイトのパフォーマンスに深刻な影響を与える可能性があります。

チャートにカーソルを合わせると、Page Views / Network Requests / Errors の数を確認できます。

3. JavaScript Errors #

RUM Application Summary Dashboard の 2 番目のセクションでは、アプリケーションで発生している JavaScript エラーの概要と各エラーの発生回数を表示します。

上の例では、3 つの JavaScript エラーがあり、1 つは選択した時間枠で 29 回発生し、他の 2 つはそれぞれ 12 回発生しています。

エラーの 1 つをクリックすると、ポップアウトが開き、時間の経過に伴うエラーのサマリー（下図）と JavaScript エラーの Stack Trace が表示され、問題が発生した場所を示します。（これについては、後続のセクションでより詳しく見ていきます）

4. Web Vitals #

RUM Application Summary Dashboard の次のセクションでは、Google’s Core Web Vitals を表示します。これは Google が検索ランキングシステムで使用するだけでなく、読み込み、インタラクティビティ、視覚的安定性の観点からエンドユーザーエクスペリエンスを定量化する 3 つのメトリクスです。

ご覧のとおり、私たちのサイトは適切に動作しており、3 つのメトリクスすべてで Good のスコアを獲得しています。これらのメトリクスを使用して、アプリケーションへの変更がもたらす影響を特定し、サイトのパフォーマンスを改善するのに役立てることができます。

Web Vitals ペインに表示されているメトリクスのいずれかをクリックすると、対応する Tag Spotlight Dashboard に移動します。例えば、Largest Contentful Paint (LCP) のチャートレットをクリックすると、下のスクリーンショットのようなダッシュボードに移動し、このメトリクスのパフォーマンスのタイムラインとテーブルビューが表示されます。これにより、トレンドを把握し、オペレーティングシステム、地理的位置、ブラウザバージョンなど、問題がより多く発生している箇所を特定できます。

5. Most Recent Detectors #

RUM Application Summary Dashboard の最後のセクションでは、アプリケーションに対してトリガーされた最近の Detector の概要を提供します。このスクリーンショットでは Detector を作成していますが、現時点ではペインは空になっています。次のセクションの 1 つで、サイトに Detector を追加し、トリガーされるようにします。

スクリーンショットでは、RUM Aggregated View Detector のクリティカルアラートと、選択した時間枠でこのアラートがトリガーされた回数が表示されています。アラートが表示されている場合は、アラートの名前（青いリンクとして表示）をクリックすると、アラートの詳細を示す Alert Overview ページに移動します（注意：これにより現在のページから移動します。概要ページに戻るにはブラウザの戻るオプションを使用してください）。