4. ユーザーセッション
演習
- 右上隅のXをクリックして、RUM セッションリプレイを閉じます。
- スパンの長さに注目してください。これは注文を完了するのにかかった時間で、良くありません!
- ページを下にスクロールすると、タグメタデータ(Tag Spotlight で使用されるもの)が表示されます。タグの後に、ウォーターフォールが表示され、読み込まれたページオブジェクト(HTML、CSS、画像、JavaScript など)が表示されます。
- ページを下にスクロールし続けて、青いAPMリンク(URL の末尾に
/cart/checkout
があるもの)まで移動し、その上にカーソルを置きます。
これにより APM パフォーマンスサマリーが表示されます。このエンドツーエンド(RUM から APM)のビューは、問題のトラブルシューティングを行う際に非常に便利です。
演習
- 上のスクリーンショットのように、paymentserviceとcheckoutserviceがエラー状態にあることがわかります。
- ワークフロー名の下にある
front-end:/cart/checkout
をクリックすると、APM サービスマップが表示されます。