コア Web バイタルは、サイトの全体的なユーザー エクスペリエンスを測定するための Google の指標であり、サイトの SEO ランキングに影響を与え、ユーザーがビジネスをどのように認識しているかについて貴重な洞察を得ることができます。
これが、サイトのコア Web バイタルを監視し、低いスコアに対処することが重要である理由です。New Relic はそれを支援します!
コア ウェブ バイタルとは何ですか?
3 つの主要な Web Vitals は次のとおりです。
- Largest contentful paint : ローディング パフォーマンスを測定
- First input delay : ユーザー入力とブラウザー応答の間の対話性を測定します
- 累積レイアウト シフト: 視覚的な安定性を測定
各ウェブ バイタルには、アプリのパフォーマンスと SEO を追跡するのに役立つ次のしきい値があります。
良い | 改善が必要 | 悪い | |
|---|---|---|---|
最大のコンテンツペイント | <=2.5秒 | <=4 秒 | >4秒 |
First input delay | <=100ms | <=300ms | >300ms |
累積レイアウトシフト | <=0.1 | <=0.25 | >0.25 |
優れた Web Vitals は、組織がお金を節約し、SEO を向上させるのに役立ちます。不十分または改善が必要は、組織に対するユーザーの否定的な認識を反映している可能性があり、顧客の不満やビジネス チャンスの損失につながる可能性があります。
コア Web バイタルの収集方法について詳しく知りたいですか?自分のペースで学習できるコア ウェブ バイタル トレーニング コースをご覧ください。それは無料です！
New Relic を使用してコア Web バイタルを監視する
コア Web バイタルに慣れたので、次は New Relic で監視します。
New Relic でブラウザー アプリを既に監視している場合は、 one.newrelic.com > Browser > (アプリを選択) > Monitor > Web Vitals に移動します。
New Relic を初めて使用する場合は、 無料の New Relic アカウントを作成し 、 ブラウザー エージェントをインストールします (約 5 分かかります)。 次に、ここに戻って 、Web Vitals ページをナビゲートする方法を学習してください。
one.newrelic.com > ブラウザ > (アプリを選択) > 監視 > Web バイタル: サイト全体のコア Web バイタル、お気に入りの主要な Web ページを追跡し、期間ごとにフィルタリングします。
重要
一部のお客様の場合、 Web Vitalsが ( [モニター] の下ではなく) [その他のビュー] の下にある場合があります。
特定のページにドリルダウンする
e コマース チェックアウト ページなどの重要なページについての洞察を得るには、[ページ URL ] テーブルのページをクリックします。その特定のページの主要な Web Vitals に貢献している要素の内訳が表示されます。このデータを使用して、エンド ユーザーが最も重要なページをどのように体験しているか、およびスコアの低下の原因を理解します。
one.newrelic.com > Browser > (アプリを選択) > Monitor > Web Vitals > (ページ URL をクリック) : 最も影響力のある Web ページのコア Web Vitals の内訳を表示します。
主要な属性によるフィルタリング
バックエンドの変更やパフォーマンスの問題がコア Web Vitals にどのように影響したかなど、特定のことを調査したい場合は、[フィルター] ツールを使用して任意のキー属性をフィルター処理できます。
one.newrelic.com > Browser > (アプリを選択) > Monitor > Web Vitals > (フィルターを追加): フィルター ツールを使用して、主要な属性でコア Web Vitals をフィルター処理します。
フィルタリングの例
ほぼすべてのキー属性でフィルタリングできますが、役に立つ例をいくつか読んでください。
デバイスの種類でフィルタ
デスクトップとモバイルのパフォーマンスを比較し、2 つのプラットフォーム間で主要な Web Vitals がどのように異なるかを比較したいとします。これをWeb Vitalsで調査するには:
- Filter byフィールドで、 Attributeを
deviceTypeに、 Valueをdesktopに設定します。 - 複製ブラウザーで、属性を
deviceTypeに、値をmobileに設定し、結果を比較します。
ユーザー情報で絞り込む
11 月 1 日の午後 12 時ごろ、あるエンド ユーザーがサイトのチェックアウト ページでパフォーマンスの問題について苦情を言い、このユーザーに何が起こったのかを知りたいとします。これをWeb Vitalsで調査するには:
- 時間範囲を 11 月 1 日の午前 11 時から午後 1 時までに設定します。
- [ページ URL ] テーブルで、チェックアウト ページの URL をクリックします。
- Filter byフィールドで、 Attributeを
userIDに、 Valueをuser IDに設定します。
ユーザーIDについて
userID は、 ブラウザの SPA APIを使用して設定する必要があるカスタム属性です。userIDが利用できない場合は、 usernameやsessionなどの他のユーザー情報でフィルタリングすることもできます。
リソースでフィルタ
あなたの組織が、11 月 10 日の午前 8 時にサイトのホームページの画像を最近更新したとします。その変更が主要な Web Vitals に影響を与えたかどうかを確認したいとします。これをWeb Vitalsで調査するには:
- 時間範囲を 11 月 10 日の午前 7 時から午前 9 時までに設定します。
- [ページ URL ] テーブルで、ホームページの URL をクリックします。
- Filter byフィールドで、 Attributeを
elementTagNameに、 ValueをIMGに設定します。
不足しているデータのトラブルシューティング
Web Vitalsに欠落しているデータはありますか?いくつかの解決策については、Web Vitals ページの欠落データを参照してください。