Home Blogs Googleの速度測定ツールがSPAにペナルティを与える仕組み
Applications

Googleの速度測定ツールがSPAにペナルティを与える仕組み

About The Author

Outline

2017年、GoogleはChrome User Experience Report(CRUX)を発表した。これは実世界のChromeユーザーデータを基にしたデータベースである。 Googleによると、目標は「最終的なユーザーエクスペリエンスを形成し、貢献する外的要因の全範囲をキャプチャする」ことでした。 残念ながら、cruxはシングルページアプリケーション(SPA)のページ遷移を追跡しておらず、実際よりもはるかに遅いと誤解しています。

このトラッキングエラーは、次の2つの理由で重要です。

  1. SPAは通常、サイトの速度を向上させます。 そのため、多くの企業がSPAの構築と展開に時に多大な労力を費やしており、多くの場合、Googleの推奨を受けています。
  2. Cruxは、Googleのほとんどの速度測定ツールに「フィールドデータ」として知られるデータを提供しています。 これには、PageSpeed Insights、Google Search Console、ThinkWithGoogle、そして最も重要なことに、 コアWebバイタルレポート Core Web Vitalsは、検索ランキングにまもなく影響を与えます。

SPAは高速サイトですが、cruxには準拠していません。

最初の読み込み後、ページをレンダリングするために必要なデータと処理が少なくて済むため、シングルページアプリケーションはページ間をすばやく移動します。 つまり、Webセッションでの最初のページの読み込みは通常、従来のWebサイトと同様の速度で行われますが、その後のページの読み込みはアプリのような速度になります。

残念なことに、cruxはSPAの特定のWebセッションの最初のページのロードしか追跡できませんが、従来の複数ページのWebサイトのセッション内のすべてのページのロードを追跡できます。 Google自身は次のように説明しています。Chromeやその他のブラウザで未解決の問題の1つは、ページ遷移のパフォーマンスタイムラインを「リセット」することです。そのため、onloadなどの指標は、ソフトナビゲーションの開始から読み込み完了までの時間を測定します。

@ChromeUXとのTwitter会話SPAページロードレポートに関するレポート

SPAの主な利点は、ナビゲーション中に後続のページがリロードされないため、高速で摩擦のないブラウジングセッションが可能になることです。 これはまさにグーグルが10年以上にわたって強調しようとしてきたことです。 しかし、Cruxでは最初のページのロードしか測定しないため、Googleの速度測定ツールのほとんどで最速のウェブアプリケーションがペナルティを受けています。

複数ページのWebサイトと最新版のWebサイトを比較したCruxの測定方法

Cruxは、特定のWebサイトへのトラフィックに基づいた平均速度データを報告します。 SPAのブラウジング速度は、従来の複数ページのWebサイトよりも劇的に速くなります。 2回以上のページロードを追跡する機能がない場合、cruxはSPAの平均ページ速度を誤って報告します。

下記の仮想的なWebサイトを参照して、複数ページのWebサイトからSPAにアップグレードして速度を向上させてください。

SPAは実際には複数ページのWebサイトより55.5%高速ですが、cruxでは9.4%低速と報告されています。 言い換えれば、eコマースSPAははるかに高速であり、買い物客にとって優れたエクスペリエンスとマーチャントにとって高いコンバージョン率をもたらしますが、Cruxは従来の複数ページのWebサイトよりも遅いと報告しています。

この問題の詳細については、モバイルサイトを複数ページのサイトからSPAにアップグレードしたときに、cruxが「電話」トラフィックの誤ったディップを報告する方法を下の表で参照してください。

Cruxは、PWA/SPAの「電話」トラフィックのシェアを追跡できない

このグラフは、女性のブティック小売業者であるAKIRAのCRUXデータがどのように変化したかを示しています。 AKIRAは2019年11月にマルチページWebサイトからモバイルシングルページアプリケーションにアップグレードしました。 PSAにより、最初のページの読み込みが70%高速化され、次のページの読み込みが90%高速化され、オーガニックモバイルトラフィックが30.1%増加しました。 しかし、SPAが稼働すると、cruxは最初のページロード以外のページロードを「見る」ことができなくなり、「電話」からのトラフィックが誤って報告されることになりました。 上のグラフからわかるように、「電話」トラフィックのシェアは11月以降減少しているようです。

Akiraのモバイルトラフィックはデスクトップトラフィックよりも高くなっていますが、Cruxはトラフィックのシェアを減らしていると報告しています。

ページの読み込みを80%以上削減 レイヤー0を使用すると、ページの読み込み速度を1秒未満に抑えることができます。 コンサルティング会話のスケジュールを設定します。

CruxはSPAの検索ランキングに間もなく影響を与える

これらの追跡エラーは進行中の問題ですが、Googleの最近の発表では、このSPAの誤った表示の重要性が強調されています。 2020年5月下旬、GoogleはランキングアルゴリズムのMajor Page Experience Updateを発表した 。これは、ユーザーがどのようにページとやり取りしたかを評価するためのものである。 ページエクスペリエンスの基準は、Core Web Vitalsに基づいています。Core Web Vitalsは、速度、応答性、視覚的安定性に関連する一連の指標で、SPAが優れた能力を備えています。 問題は、ウェブのコアバイタルは、CRUXからの実際のユーザーデータによって測定されることです。

これは、Googleが2021年初頭にこの更新プログラムを展開した場合、CRUXレポートエラーが修正されていない場合、SPAは低速の複数ページのWebサイトよりも検索で下位にランクされることを意味します。 Googleは次のように説明しています。「私たちは、ユーザーが探している情報やWebページに簡単にアクセスできるようにし、ユーザーが楽しめるエクスペリエンスを提供するためにサイト所有者をサポートすることを目指しています。」 しかし、最速のページがGoogle、したがって検索者に表示されない場合、この目標は達成できません。

Layer0では、Webを瞬時かつシンプルにすることに専念しています。 Googleと同様に、シングルページアプリケーションとプログレッシブWebアプリを推奨します。これらはユーザーエクスペリエンスの向上とビジネス上の大きな成功をもたらすため、Googleと緊密に協力してこのエラーを修正しています。 幸い、Googleは問題を認識しており、CRUX追跡エラーが修正されたことを願っています。

結論

SPAはサイトの速度を大幅に向上させることができますが、Cruxは最初のページのロードだけを記録することで誤って測定します。 検索大手は、2021年からウェブサイトの検索ランキングにCruxデータが影響を与えると発表したため、この問題を解決することが不可欠です。 修正しなければ、この重要な点は、低速で複数ページの競合他社よりも低いランク付けを行うことで、ほぼ瞬時にページの読み込みを行うことができるWebアプリケーションにペナルティを課すことになります。

これは残念なことです。レイヤ0上で実行した場合、SPAの平均ペイント負荷はわずか数百ミリ秒に減少するためです。 これは、ブラウジングトランジションを92%高速化したShoe Carnival、ページの読み込みを97%削減したPlanet Blue、最初の読み込みを4.5秒から0.9秒にし、最初の読み込みを80%高速化した1-800-flowersなど、Layer0のWebサイトで一貫して確認されています。

常にお客様にとって最善のことを実行する必要があります。Web上での高速化は常に優れています。 Googleも同様に、提供するエクスペリエンスの質に基づいてウェブサイトをランク付けすることに重点を置いています。そのためには、実際のユーザーデータが必要です。 Googleは2021年のデータに基づいてランキングを開始する前に、Cruxで測定の問題を修正することを想定しています。 追加情報、質問、またはコメントについては、Layer0(Edgio)のサイトスピードスペシャリストにお問い合わせください。