Core Web Vitals のパフォーマンス スコアが高い場合の影響とメリットを測定したケーススタディ。
RebelMouse はクラウドベースの CMS で、パブリッシャーが新規および既存の視聴者に最適なエクスペリエンスを提供するために必要なデータドリブンのツールとクリエイティブ戦略を備えています。Upworthy、Narcity、Raw Story、Brit + Co、The Independent などのメディア企業や、Penske Trucks、Vault12、Gaingels などの高価値サイトの、トラフィックの多いウェブ プロパティを支えています。
YouTube のプラットフォームは、米国だけでも毎月 1 億人以上のユーザーにリーチしています。オープンウェブが繁栄するには、ユーザーの期待に応える最高レベルのパフォーマンスを実現する必要があるという信念のもと、Google は設立されました。Google のコアウェブ バイタルズで定められた基準は、このユーザー重視のビジョンに沿っています。
10 年以上にわたり、Google のグローバル チームは、有意義なビジネスにつながる、ポジティブで直感的なユーザー エクスペリエンスを実現する CMS を構築してきました。ウェブに関する主な指標は、Google が提供するすべての新しいサイトでこの共生ループが継続されるようにするためのベンチマークです。
パフォーマンスを優先することでビジネスが改善される理由
多くのパブリッシャーは、Core Web Vitals で優れたスコアを獲得する努力に価値があるかどうか疑問に思っています。また、優れたユーザー エクスペリエンスがあっても、必要な読者数の増加につながらないのではないかと懸念しています。幸い、RebelMouse ではパフォーマンスを優先しているため、Core Web Vitals が新しいトラフィックを生成し、ビジネスの成功に必要なユーザー ロイヤリティを構築するための優れた方法であることを示すデータが得られています。
このことを示すために、Google が運営する複数のサイトのオーディエンスの行動を、Core Web Vitals のパフォーマンス スコアを高くするために最適化した前後で分析しました。特に、ユーザーの種類を定義して、オーディエンスを次の主要なカテゴリに分類しました。
- 新規ユーザー: サイトに初めてアクセスしたユーザー。
- リピーター: 2 回以上のセッションを発生させたユーザー。
- ロイヤル訪問者: 3 回以上のセッションを行ったユーザー。
- ファン: 4 回以上のセッションを行ったユーザー。
- スーパーファン: 5 回以上のセッションを行ったユーザー。
参照: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Google アナリティクスによって収集された現場のデータは、圧倒的に明確でした。ロイヤル ビジター、ファン、スーパーファンのカテゴリに焦点を当てると、ウェブに関する主な指標で高い評価を得ているサイトでは、ユーザーが長く滞在し、コンテンツを多く消費し、頻繁に再訪する可能性がはるかに高いことがわかりました。主な例をいくつかご紹介します。
ただし、コンテンツの視聴時間とユーザーあたりの総再生時間が増加したのは、指標の一部にすぎません。同じカテゴリで、アクセスしたユーザー数とページ数も増加しました。
通常から高パフォーマンスへ: RebelMouse がウェブサイトを変革する方法
幸い、サイトのコードベースに戦略的に変更を加えることで、Core Web Vitals のパフォーマンスを高めることは可能です。RebelMouse が優れたウェブサイトを実現する方法は次のとおりです。
プログレッシブ ウェブアプリ
RebelMouse は、プログレッシブ ウェブアプリ内のすべてのサードパーティ呼び出しを最適化し、最も重要なコンテンツを最初に配信してから、読者が表示する必要がある残りの呼び出しを順序付けます。
Largest Contentful Paint（LCP）イベントの完了直後に JavaScript を読み込むメソッドがあります。YouTube では、次の 3 つの優先レベルで JavaScript を読み込むオプションをユーザーに提供しています。
- [最適化] は、最新の最先端のアプローチを希望するユーザーに最適です。Google は、独自の開発作業で使用しています。この優先度レベルでは、ページが完全に読み込まれるまで JavaScript の実行が停止されるため、パフォーマンスが最大限に高まります。
- 読み込みブロックは、JavaScript をすぐに実行するために使用されます。通常、パフォーマンス スコアに悪影響を及ぼします。この優先度レベルでは、ページの読み込みが完了した直後に JavaScript が配信されます。これにより、追加の呼び出し数に応じてパフォーマンス スコアが 10 ～ 40 ポイント低下する可能性があります。
- LCP 後は、優れたパフォーマンス スコアと非常に高速な読み込みを組み合わせるのに最適なオプションです。この優先度レベルでは、Largest Contentful Paint イベントの完了直後に JavaScript が読み込まれます。（これは、ページに 5 秒ほどしか滞在しないユーザーに広告を配信することで収益が増加している広告にのみ推奨されます）。
ソーシャル エンベディングを最適化する
累積レイアウト シフト（CLS）と LCP スコアを保護するには、すべてのソーシャル エンベディングを遅延読み込みに設定する必要があります。
CLS を保持するには、サーバーサイド テクノロジーで埋め込みのサイズを動的に検出し、その埋め込みのプロパティの独自のストレージに挿入する必要があります。次に、読み込み時にレイアウトがずれないように、埋め込みをフロントエンドに配信する必要があります。このトピックについて詳しくは、Twitter と TikTok の例に関する投稿をご覧ください。
超軽量のスマートな HTML と CSS
サイトの HTML と CSS は、ページの残りの部分よりも先に、上部に表示される画像とテキストをプリロードできるように作成する必要があります。
- 不適切な HTML 構文では、最初のビューポートでスクロールせずに見える範囲のコンテンツをレンダリングするために、スクロールしなければ見えない範囲にある不要なサイト要素をブラウザが処理しなければなりません。
- RebelMouse でこの目標を達成する方法について詳しくは、以下の記事をご覧ください。
- Core Web Vitals を改善する方法の詳細
- サードパーティ スクリプトを含めながら、高速なページ速度を実装するための完全なガイド。
- LCP の最適化に関する詳細なガイド。
パフォーマンス重視の姿勢で公開する
Core Web Vitals のリリース以降、デベロッパーは、パブリッシング プラットフォームが Google の推奨しきい値を満たしているかどうかの影響を感じています。
HTTP Archive は、数百万もの URL の傾向を特定し、過去のパターンを記録するオープンソース プロジェクトです。このプロジェクトの Core Web Vitals テクノロジー レポートでは、Google のページ エクスペリエンス基準に対する主要なコンテンツ管理システムのパフォーマンスが明らかにされています。RebelMouse は、リリース以来 2022 年まで、Google の最も重要な指標で主要な CMS プラットフォームを継続的に上回るパフォーマンスを示しています。
妥協のないパフォーマンス
パブリッシャーとブランドにとって、質の高いコンテンツを作成することは、戦いの半分に過ぎません。質の高いコンテンツは、今日のウェブのスピードと標準に追いつくことができる最新のテクノロジーでサポートされている必要があります。Google は、Core Web Vitals の基準を満たすパフォーマンスを実現しています。これは、サイトのパフォーマンスが単なる目標ではなく、Google の文化に組み込まれた企業の柱となっているためです。パフォーマンスに重点を置き、ユーザー エクスペリエンスを損なうことなくトラフィックを増やし、収益を拡大することで、クライアントがオープンウェブを最大限に活用できるよう支援しています。
サイトの Core Web Vitals が業界標準を超えるよう Google がサポートする方法について詳しくは、RebelMouse について詳しくは、こちらをクリックしてください。