ブラウザー監視の概要ページは、アプリの実際のユーザー ブラウザーのパフォーマンスに関する問題のトラブルシューティングに役立ちます。[概要] ページを使用して、次のことを行います。
- 最大のコンテンツフルペイント(LCP)、最初の入力遅延(FID)、累積レイアウトシフト(CLS)など、コアWebバイタルを一目で確認できます。
- アプリのブラウザー側のパフォーマンスの傾向を表示します。
- ページの読み込みタイミングの問題をすばやくトラブルシューティングします。
- 他のブラウザUIページに直接移動して、問題や問題をより詳細に調べます。
- 推奨アラート条件を追加します。
サマリーページの表示
ブラウザー アプリのパフォーマンスの概要を表示するには:
- one.newrelic.com > All Capabilitiesに移動します。
- ブラウザをクリック
- ブラウザ アプリを選択します。
コアウェブバイタルデータを使用してSEOを改善する
Core Web Vitalsチャートを使用して、 Google の Core Web Vitalsに従ってブラウザがどのように機能するかを理解します。これらには以下が含まれます:
- LCP:ローディングパフォーマンスを測定する最大の満足のいくペイント
- FID:最初の入力遅延。ユーザー入力とブラウザー応答の間の対話性を測定します。
- CLS:ブラウザページの視覚的な安定性を測定する累積レイアウトシフト
より高いスコアは、組織がお金を節約し、SEOに影響を与えるのに役立ちます。スコアが低いと、組織のWebサイトに対するユーザーの認識に影響を及ぼし、顧客の不満やビジネスチャンスの喪失につながる可能性があります。
コア Web バイタルの監視の詳細については、コア Web バイタルのガイドを参照してください。
ユーザーエクスペリエンスを評価する
コアWebバイタルデータを含むグラフに加えて、次のデータを使用して、アプリでのユーザーエクスペリエンスを評価します。
- ユーザーがサイトを利用する時間
- ユーザー中心のページ読み込み時間とURLによる最長の最初の入力遅延:ページ読み込みタイミングプロセスの詳細を取得するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
ブラウザのパフォーマンスの問題を特定する
これらのチャートを使用して、ブラウザーに関連するパフォーマンスの問題を特定します。
- 最初のページの読み込みとルートの変更:このグラフは、URLの読み込みまたは再読み込みに起因する従来のURL変更の読み込み時間を示しています。詳細を取得するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
- スループット:このグラフは、ブラウザーのスループットを1分あたりのページ数(ppm)で示しています。該当する場合、このグラフにはシングルページアプリ(SPA)データも表示されます。詳細を取得するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
- JavaScriptエラーのあるページビュー:詳細を表示するには、グラフのタイトルをクリックして、 JSエラーUIに直接移動します。
他の何かによって引き起こされた問題を調べます
パフォーマンスの問題は、ブラウザに関連している場合もあれば、他の問題に関連している場合もあります。ブラウザのパフォーマンスに影響を与える可能性のあるその他の問題の詳細については、以下を確認してください。
フロントエンドとバックエンド: このグラフは、接続されている
サービス アプリケーション。 分散トレースの詳細を取得するには、グラフのタイトルをクリックしてください。
デバイスタイプ(デスクトップ、タブレット、またはモバイル)による最初のインタラクションとユーザーエージェントによる最初のインタラクション:詳細を表示するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
関連エンティティ:このウィジェットは、ブラウザに接続しているエンティティの問題がパフォーマンスの問題の原因であるかどうかを判断するのに役立ちます。
合成モニターの表示: 合成モニターはユーザートラフィックをシミュレートできます。このリンクは、顧客が気付く前に、重要なエンドポイントに関連する停止やパフォーマンスの低下を事前に検出して解決するのに役立ちます。
推奨アラート条件を追加
ブラウザ監視の Summary [概要] ページを通じて、推奨されるアラート条件をエンティティに追加できます。
さらに未検出のエンティティを確認したい場合は 、「アラート カバレッジ ギャップと条件の推奨事項」 ページを参照してください。
推奨されるアラート条件を追加するには、次の手順に従います。
ブラウザ監視の Summary[概要] ページを開きます。
Add recommended conditions[推奨条件を追加]をクリックします。
推奨されるアラート条件をいくつか選択します。
Next[次へ]をクリックします。
通知を受け取るポリシーを選択します。既存のものを選択するか、 新しいものを作成できます。
Activate conditions[条件を有効にする]をクリックします。