2017年、GoogleはChrome User Experience Report (CRUX)を発表した。 Googleによると、その目標は「最終的なユーザーエクスペリエンスを形成し、貢献する外部要因の全範囲をキャプチャする」ことである。 残念なことに、Cruxはシングルページアプリケーション(SPA)のページ遷移を追跡しておらず、実際よりもはるかに遅いと誤解している。
このトラッキングエラーは、次の2つの理由で重要である。
- SPAは通常、サイトの速度を向上させる。 そのため、多くの企業がSPAを構築して展開するために時に重要な努力に着手し、しばしばGoogleの推薦である。
- Cruxは「Field Data」として知られるデータをGoogleの速度測定ツールのほとんどに提供している。 これらには、PageSpeed Insights、Google Search Console、ThinkWithGoogle、そして最も重要なことに、Core Web Vitals Reportが含まれる。 Core Web Vitalsはすぐにあなたの調査のランキングの影響を有する。
SPAはより高速なサイトであるが、CRUXによるとは限らない
最初のロードの後、シングルページアプリケーションはページ間を素早く遷移し、ページのレンダリングに必要なデータと処理がはるかに少なくなる。 これは、ウェブセッションにおける最初のページの読み込み速度が通常従来のウェブサイトに似ているが、後続のページの読み込み速度はアプリのような速度であることを意味する。
残念なことに、CRUXはSPAの特定のWebセッションの最初のページロードしか追跡できないのに対し、従来の複数ページのWebサイトではセッションのすべてのページロードを追跡できる。 Chromeや他のブラウザで未解決の問題の1つは、ページ遷移のパフォーマンスタイムラインを「リセット」することであり、onloadなどのメトリクスはソフトナビゲーションの開始から読み込み完了までの時間を測定する。
SPAページ読み込みレポートで@ChromeUXReportとTwitterの会話
SPAの主な利点は、ナビゲーション中に後続のページがリロードされないことで、高速で摩擦のないブラウジングセッションが可能になることである。 これはGoogleが10年以上にわたって強調しようとしているもの丁度である。 しかし、Cruxは最初のページの負荷のみを測定するため、最速のウェブアプリケーションはGoogleの速度測定ツールのほとんどでペナルティを受けている。
Cruxが複数ページのウェブサイトと最新のウェブサイトを比較した場合の測定方法
Cruxは速度データをウェブサイトへのトラフィックに基づいて平均として報告する。 SPAのブラウジング速度は、従来の複数ページのWebサイトよりも劇的に高速である。 ページロードを追跡する機能がなければ、CruxはSPAの平均ページ速度を誤って報告する。
速度を向上させるために複数ページのウェブサイトをSPAにアップグレードしたという仮定のウェブサイトを下に見る。
SPAは実際には複数ページのウェブサイトより55.5%速い間、Cruxは9.4%遅いとしてそれを報告する! 言い換えれば、eコマースSPAははるかに高速で、買い物客にとって優れたエクスペリエンスとマーチャントにとって高いコンバージョン率をもたらすが、Cruxは従来のマルチページウェブサイトよりも遅いと報告している。
この問題の詳細な証拠については、以下の表のモバイルサイトが複数ページのサイトからSPAにアップグレードされたときに、Cruxが「Phone」トラフィックの誤った低下を報告する方法を参照のこと。
CRUXがPWA/SPAの「電話」トラフィックのシェアを追跡できない
このグラフは、女性のブティック小売業者AKIRAのCRUXデータがどのように変化したかを示している。 アキラは2019年11月にマルチページのウェブサイトからモバイルシングルページのアプリケーションにアップグレードした。 PSAは、最初のページの読み込みが70%高速化され、次のページの読み込みが90%高速化され、オーガニックモバイルトラフィックが30.1%増加した。 しかし、SPAが稼働すると、Cruxは最初のページロード以外のページロードを「見る」ことができなくなり、「電話」からのトラフィックが誤って報告されることになった。上の図でわかるように、「電話」トラフィックのシェアは11月以降減少しているようだ。
Akiraのモバイルトラフィックは依然としてデスクトップトラフィックよりも高いが、Cruxはトラフィックのシェアを落としていると報告している。
ページロードを80%削減+ Layer0はページロードを1秒未満の速度に下げることができる。 コンサルティング会話のスケジュールを設定する
CruxはSPAの検索ランキングに間もなく影響を与える
これらの追跡エラーは継続的な問題であるが、Googleの最近の発表は、このSPAの虚偽表示の重要性を強調している。 2020年5月下旬、Googleはランキングアルゴリズムのメジャーページエクスペリエンスアップデートを発表した。これは、ユーザーがどのようにウェブページとやり取りしたかを判断するためのものである。 ページエクスペリエンスの基準は、速度、応答性、視覚的安定性に関連する一連の指標であるCore Web Vitalsに基づいている。これは、SPAが優れた能力を持つ側面である。 問題は、コア・ウェブ・バイタルは、CRUXからの実ユーザー・データによって測定されるということだ。
これは、Googleが2021年初頭にこのアップデートを公開すると、Cruxの報告エラーが修正されなければ、SPAは低速で複数ページのウェブサイトよりも検索でランク付けされることを意味する。 Googleは、「ユーザーが探している情報やウェブページに簡単にアクセスできるようにし、ユーザーが楽しめる体験を提供するためのサイトオーナーのサポートを目指している」と説明している。 しかし、この目標は、最速のページがGoogleに表示されず、検索者にも表示されない場合には達成できない。
Layer0では、Webを瞬時に簡単にすることに専念している。 Googleと同様に、シングルページアプリケーションとプログレッシブウェブアプリを推奨している。彼らは強化されたユーザーエクスペリエンスと重要なビジネスウィンを提供するので、私たちはGoogleと密接に協力してこのエラーを修正している。 幸いなことに、Googleは問題を認めており、私たちはcrux追跡エラーが修正されていることを願っている。
要点
SPAはサイトの速度を大幅に向上させることができるが、Cruxは最初のページのロードを記録するだけで誤って測定する。 検索大手は、2021年から始まるウェブサイトの検索ランキングにCRUXデータが影響を与えると発表したため、この問題を解決することは不可欠である。 修正されなければ、この要点は、速度の遅い複数ページの競合他社よりも低いランク付けによって、ほぼ瞬時のページロードを配信する能力を持つウェブアプリケーションにペナルティを課すことになる。
これは不幸なことで、レイヤ0で実行しているときにSPAの平均ペイント負荷が数百ミリ秒に減少する。 これは、Shoe Carnivalを含むLayer0のウェブサイトで一貫して見られた。Shoe Carnivalはブラウジングトランジションを92%高速化し、Planet Blueはページロードを97%削減し、1-800-Flowersは4.5秒の最初のロードから0.9秒の最初のロードに進み、Layer0の初期ロードを80%高速化した。
顧客にとって最善のことを常に実行する必要がある。ウェブ上でより高速になることは、常に優れている。 Googleも同様に、提供するエクスペリエンスの質に基づいてウェブサイトをランク付けすることに焦点を当てている。そのためには、実際のユーザーデータが必要である。 Googleは2021年にデータに基づいてランキングを開始する前に、Cruxの測定問題を修正すると仮定している。 追加情報、質問、またはコメントについては、Layer0(Edgio)サイトスピードスペシャリストにお問い合わせください。