Home Blogs リアルタイムのコアウェブバイタルとRUM分析が登場
Applications

リアルタイムのコアウェブバイタルとRUM分析が登場

About The Author

Outline

Core Web Vitalsは、 Webページの速度、応答性、視覚的安定性を理解するのに役立つ、測定可能な独自の指標です。 メトリクスポイントは、Web上で優れた開発者エクスペリエンスを構築し、実際のユーザーがWebアプリケーションをどのように使用しているかを示すための優れたポイントですが、ユーザーがWebアプリケーションに戻ってくるかどうかにも大きな影響を与える可能性があります。

Layer0(現在のEdgio)のWebサイトのコアWebバイタルを理解しやすくするために、いくつかの製品アップデートを行いました。

特徴

リアルタイムのコアウェブバイタルとRUM分析

リアルタイムのコアウェブバイタルとRUM分析

GoogleのコアウェブバイタルがSEOランクに影響を与え始めるのはわずか2か月前です。リアルタイムコアウェブバイタルとRUMアナリティクスは正式にベータ版を終了しました。 Layer0 Analyticsを使用すると、最大コンテンツフルペイント(LCP)、累積レイアウトシフト(CLS)、最初の入力遅延(FID)、最初のバイトまでの時間(TTFB)など、重要なパフォーマンスメトリックの傾向と分布を簡単に追跡できます。 さらに、Layer0のエッジベースのスプリットテストを使用して、Google Search ConsoleやPage Speed Insightsで何日も何週間も待つ必要はなく、変更の影響を数分で確認できます。

これらの分析を利用するために、サイトをLayer0でホストする必要はありません。 スクリプトタグだけであなたのものです。 こちらのドキュメントを参照し て、開始してください。

Core Webバイタルの分割テストバリアント

Core Webバイタルの分割テストバリアント

Layer0のエッジベースのスプリットテストがCore Web Vitals Analyticsに統合され、パフォーマンス最適化がCore Web Vitalsに与える影響を、他のツールよりも迅速かつ正確にA/Bテストできるようになりました。 分割テストバリアントに加えて、ブラウザ、キャッシュヒット、接続、国、デバイスタイプ、 およびページラベル。

コアWebバイタルのインクリメンタルレイアウトシフト

コアWebバイタルのインクリメンタルレイアウトシフト

React、Angular、VueのCore Web Vitalsとシングルページアプリケーション(SPA)の問題についてブログに書きました。 これらの問題をより適切に優先順位付けできるように、SPAのCLSを追跡および改善するのに役立つ、Incremental Layout Shiftと呼ばれる新しいメトリックを導入しました。

Core Webバイタルのページビュー

Core Webバイタルのページビュー

Core Web Vitalsの指標は、サイトのユーザーエクスペリエンスを向上させる方法を理解するのに役立ちます。 これらの指標は、サイトの変更に伴い、時間の経過とともに必要になります。 ページビューとRUMイベントを経時的に表示する新しいグラフを追加しました。先週何が起こったか、その修正方法、数か月前にうまくいっていたこと、潜在的なCore Web Vitalsの脅威にどのように対処するかを知ることができます。

RUMのフィルタリングエクスペリエンスの向上

RUMのフィルタリングエクスペリエンスの向上

情報は膨大であり、データはまれです。 開発者コンソールに情報が表示される場合がありますが、特定のパス、デバイス、ブラウザ、国などでフィルタリングすることで、リアルユーザーメトリクスを簡単に掘り下げることができるようになりました。 ノイズから独自のコンテキスト信号を作成して、可能な限りフィルタリングできます。

プラットフォーム全体でタイムゾーンをカスタマイズ

プラットフォーム全体でタイムゾーンをカスタマイズ

2020年にパンデミックが教えてくれたことはリモートワークはもはや特権ではないということです また、チームにはタイムゾーンに散らばっている人がいるため、プラットフォーム全体で時間が表示される方法を理解しやすくカスタマイズできるようになりました。 これは、開発者の生産性を向上させながら、いじるべきことが1つ減ることです。

ダークモードで作業する

ダークモードで作業する

最近では、ダークモードはデバイスやソフトウェアの使用方法の中核となる部分であり、これまでにないほど機能から必要なものへと移行しています。 開発者コンソールにはダークモードが含まれており、目の疲れを軽減し、バッテリー寿命を延ばし、ログインして作業を完了するたびに生産性を向上させるなどのメリットがあります。

コンソールに移動

チュートリアル

コアウェブバイタルの測定

2021年5月現在、GoogleはCore Web Vitalsと呼ばれる指標に基づいてウェブサイトをランク付けします。 サイトのパフォーマンスを測定する際にXDNがどのように役立つかについて説明します。

リソース

最速のeコマーススタックを構築する方法:フロントエンド、CDN、eコマースプラットフォーム

フロントエンド、CDN、eコマースプラットフォームのインサイトなど、eコマースサイトの最速のテクノロジースタックを構築するための包括的なガイドを入手してください。

Nuxtの未来

フロントエンドおよびフルスタック開発者向けのポッドキャストである「JavaScript Jam」のエピソードで、セバスチャン・ショパンとの会話をご覧ください。 Nuxt.jsのクリエーターとCTOは、フレームワークのサーバーレスサポート、静的サイト生成、Nuxt 3の機能の背後にある詳細を共有しています。