• ログイン今すぐ開始

本書は、お客様のご参考のために原文の英語版を機械翻訳したものです。

英語版と齟齬がある場合、英語版の定めが優先するものとします。より詳しい情報については、本リンクをご参照ください。

問題を作成する

ブラウザの概要:RUM、コアWebバイタルなど

ブラウザモニタリングの[概要]ページは、アプリの実際のユーザーのブラウザパフォーマンスに関する問題のトラブルシューティングに役立ちます。[概要]ページを使用して、次のことを行います。

  • 最大のコンテンツフルペイント(LCP)、最初の入力遅延(FID)、累積レイアウトシフト(CLS)など、コアWebバイタルを一目で確認できます。
  • アプリのブラウザー側のパフォーマンスの傾向を表示します。
  • ページの読み込みタイミングの問題をすばやくトラブルシューティングします。
  • 他のブラウザUIページに直接移動して、問題や問題をより詳細に調べます。

サマリーページの表示

アプリのブラウザパフォーマンスの概要を表示するには、次のようにします。

  1. one.newrelic.comにアクセスし、[ブラウザ]をクリックして、アプリを選択します。
  2. 選択したアプリの[概要]ページから、標準のNewRelicページナビゲーション機能を使用してデータにドリルダウンします。
  3. 他のUIページの詳細を取得するには、グラフのタイトルをクリックします。

コアウェブバイタルデータを使用してSEOを改善する

Core Web Vitalsチャートを使用して、 GoogleのCoreWebVitalsに従ってブラウザがどのように機能するかを理解します。これらには以下が含まれます:

  • LCP:ローディングパフォーマンスを測定する最大の満足のいくペイント
  • FID:最初の入力遅延。ユーザー入力とブラウザー応答の間の対話性を測定します。
  • CLS:ブラウザページの視覚的な安定性を測定する累積レイアウトシフト

より高いスコアは、組織がお金を節約し、SEOに影響を与えるのに役立ちます。スコアが低いと、組織のWebサイトに対するユーザーの認識に影響を及ぼし、顧客の不満やビジネスチャンスの喪失につながる可能性があります。

ヒント

ほとんどのユーザーに推奨される目標を確実に達成するために、測定するのに適したしきい値は、モバイルデバイスとデスクトップデバイス間でセグメント化されたページ読み込みの75パーセンタイルです。

learn.newrelic.comのセルフペーストレーニングコースをチェックして、UIに表示されるコアWebバイタルの使用方法を学びます。コースの内容は次のとおりです。

  • 各コアWebバイタルメトリックが測定するもの
  • それぞれに推奨されるしきい値は何ですか
  • 指標とそれぞれの価値評価に影響を与える一般的な原因は何ですか
  • ブラウザの監視UIで確認できるタイミングメトリックを収集する方法
  • Webサイトでのユーザーエクスペリエンスを理解するためにデータをクエリする方法

ユーザーエクスペリエンスを評価する

コアWebバイタルデータを含むグラフに加えて、次のデータを使用して、アプリでのユーザーエクスペリエンスを評価します。

ブラウザのパフォーマンスの問題を特定する

これらのチャートを使用して、ブラウザーに関連するパフォーマンスの問題を特定します。

  • 最初のページの読み込みとルートの変更:このグラフは、URLの読み込みまたは再読み込みに起因する従来のURL変更の読み込み時間を示しています。詳細を取得するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
  • スループット:このグラフは、ブラウザーのスループットを1分あたりのページ数(ppm)で示しています。該当する場合、このグラフにはシングルページアプリ(SPA)データも表示されます。詳細を取得するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
  • JavaScriptエラーのあるページビュー:詳細を表示するには、グラフのタイトルをクリックして、 JSエラーUIに直接移動します。

他の何かによって引き起こされた問題を調べます

パフォーマンスの問題は、ブラウザに関連している場合もあれば、他の問題に関連している場合もあります。ブラウザのパフォーマンスに影響を与える可能性のあるその他の問題の詳細については、以下を確認してください。

  • フロントエンドとバックエンド:このグラフは、接続されているAPMサービスアプリケーションにリンクしています。分散トレースの詳細を取得するには、グラフのタイトルをクリックします。
  • デバイスタイプ(デスクトップ、タブレット、またはモバイル)による最初のインタラクションとユーザーエージェントによる最初のインタラクション:詳細を表示するには、グラフのタイトルをクリックして、 ページビューUIに直接移動します。
  • 関連エンティティ:このウィジェットは、ブラウザに接続しているエンティティの問題がパフォーマンスの問題の原因であるかどうかを判断するのに役立ちます。
  • 合成モニターの表示合成モニターはユーザートラフィックをシミュレートできます。このリンクは、顧客が気付く前に、重要なエンドポイントに関連する停止やパフォーマンスの低下を事前に検出して解決するのに役立ちます。
Copyright © 2022 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.