Google の「Core Web Vitals」速度テストで最高のパフォーマンスを発揮する WordPress テーマは?

Google は、2020 年半ばに新しい Core Web Vitals ベンチマークを発表しました。

… ユーザーは、優れたページ エクスペリエンスを備えたサイトを好むことを示しています … 検索では、ページの読み込み速度やモバイル フレンドリーなど、さまざまなユーザー エクスペリエンス基準がランキング結果の要因として追加されています。

今月初め、Chrome チームは Core Web Vitals を発表しました。これは、速度、応答性、視覚的な安定性に関連する一連の指標です。

Core Web Vitals をページ エクスペリエンスの既存のシグナルと組み合わせた新しいシグナルを導入し、ウェブページでのユーザー エクスペリエンスの質の全体像を提供します。

2021 年 8 月までに、Google はモバイル ランキング用の「ページ エクスペリエンス」の更新 (Core Web Vitals を含む) を展開し、デスクトップ ランキングは 2022 年 3 月末までに公開されました。

ページ エクスペリエンス ランキング シグナルは、2021 年 8 月にモバイル デバイスで有効になりました。2022 年2 月から、デスクトップ ランキング システムの一部としてページ エクスペリエンスの使用を開始します。ロールアウトは 2022 年 3 月末までに完了します。このランキングの開始により、 2021 年 8 月にモバイル向けに展開したのと同じページ エクスペリエンス シグナルに基づいています。

WordPress ウェブサイトで SEO を行っている場合、これは、2017 年に Chrome が非 HTTPS ページに赤い警告を表示し始めたときと同じくらい重要です。

私のように、競合他社に先んじて、WordPress Web サイトが Core Web Vitals に対応していることを確認したい場合は、読み続けてください。 Core Web Vitals とは何か、どのWordPress テーマが最高のスコアを達成するのに役立つかを説明します。

注:テーマの選択だけでなく、WordPress の速度にもよりますが、高速な WordPress ホスティングと共に、開始するのに最適な場所です。

TL;DR – GeneratePress は 2022 年に最速の WordPress テーマであり、平均して、このミニスタディの Google の Core Web Vitals テストで最高のパフォーマンスを発揮しました。

Core Web Vitals とは何ですか?

Core Web Vitals は、Google が作成した最適なユーザー エクスペリエンスのための重要な Web サイト指標のセットです。 Web Vitals のサブセットである Core Web Vitals は、現在、次の 3 つの異なる指標で構成されています。

• Largest Contentful Paint (LCP): 読み込みパフォーマンスを測定します。 Google は、これは2.5 秒未満である必要があると述べています。
• First Input Delay (FID): 対話性を測定します。 Google は、これは100 ミリ秒未満であるべきだと述べています。
• Cumulative Layout Shift (CLS): 視覚的な安定性を測定します。 Google は、これは0.1 未満であるべきだと述べています。

Core Web Vitals スコアを測定するにはどうすればよいですか?

Core Web Vitals スコアを測定および追跡するために使用できるすべてのツールと方法を次に示します。 サンプル テストは、Evernote ブログ (Mokka テーマを使用する WordPress サイト。有名な WordPress Web サイトに関する私の投稿を参照してください) の投稿で行われます。

Google には独自の 3 つのツールがあります。

• PageSpeed Insights – シンプルなページ速度分析ツール。 ログインせずに誰でも使用できます。モバイルとデスクトップの結果を別々に表示できます。

• Chrome ユーザー エクスペリエンス レポート – PageSpeed Insights と実際のユーザーの閲覧データを組み合わせたものです。 Google アカウントと Google Cloud Project をお持ちの方のみご利用いただけます。
• Search Console – サイトの Core Web Vitals レポートにアクセスするには、GSC アカウントにログインする必要があります。

Core Web Vitals 指標を組み込んだサードパーティ ツールもいくつかあります。

• WebPageTest.org – LCP と CLS の速度を強調する無料の Web ページ速度テスト。 FIDは表示されません。

• Web Vitals Chrome 拡張機能 – 現在のページの LCP、FID、および CLS を計算する無料の Chrome 拡張機能。

異なる速度テストでは、同じページのパフォーマンスが異なることに気付くでしょう。 これは、モバイルまたはデスクトップでブラウジングしている場合、高速または低速の接続を使用している場合、またはサーバーまたは CDN に近いまたは遠い場所にある場合など、ページの読み込みメトリックが多くの要因に依存するためです。

Google はモバイル ファースト インデックスを使用するようになったため、SEO と検索エンジンのランキングに関心がある場合は、モバイルの LCP スコアに注意を払う必要があります。

WordPress ウェブサイトを Google フレンドリーにしようとしている場合は、Google 独自のテスト ツールを使用して、Core Web Vitals テストでサイトのパフォーマンスを判断してください。Search Console または PageSpeed Insights を使用することをお勧めします。

WordPress テーマは Core Web Vitals スコアにどのように影響しますか?

すべての WordPress ウェブサイトはテーマを使用しています。 私たちのほとんどにとって、それは既製のテーマであり、無料のものもあれば、プレミアムのものもあります. WordPress サイトは特定のテーマに縛られておらず、テーマを簡単に切り替えることができます。 選択したテーマは、Web ページの読み込み速度に影響を与え、その後、Google の Core Web Vitals ベンチマークに対するサイトのスコアに影響を与えます。

私たちがテストしている5つの人気のWordPressテーマ

トゥエンティ・トゥエンティ

Twenty Twenty は、WordPress の最新の公式無料テーマです。 400,000 以上のライブ サイトで主要なテーマとして使用されています。

ディビ

Divi は、Elegant Themes によって作成されたプレミアム WordPress テーマです。 Divi は現在、160 万を超えるライブ Web サイトで使用されています。

繁栄するテーマビルダー

Thrive Theme Builder は、Thrive Architect プラグインの背後にあるチームである Thrive Themes の組み込みページビルダーを備えた新しい WordPress テーマです。 Thrive Themes は、125,000 以上のライブ サイトで使用されています。

GeneratePress

GeneratePress は軽量の WordPress テーマで、制限付きの無料バージョンと完全にカスタマイズ可能なプレミアム バージョンがあります。 GeneratePress は、270,000 以上のライブ Web サイトで使用されています。

食通（ジェネシス）

Foodie は、現在 WP Engine ファミリーの一部である StudioPress の人気のプレミアム WordPress テーマ フレームワークである Genesis の最も人気のある子テーマの 1 つです。 Genesis フレームワークは、290,000 以上のライブ Web サイトで使用されています。

方法論

最速の WordPress テーマを見つけるために実行したテストとは異なり、独自のサーバーを使用して同じ環境で各テーマをテストしましたが、このテストは「実際に」実行されます。

私たちが選択した 5 つのテーマのそれぞれについて、PageSpeed Insights を使用して、そのテーマを使用する実際のサイトの 3 つのホームページをテストします。 平均結果がそのテーマのベンチマークになります。

テストしたサイトは次のとおりです。

二十二十：

• news.filepuma.com
• gsuniversity.girlscouts.org
• fromthiskitchentable.com

ディビ:

• スキル調査.com
• infinitydish.com
• pagefreezer.com

繁栄するテーマビルダー:

• リスプレス.com
• playguitar.com
• アクティブグロース.com

ジェネレートプレス:

• brandongaille.com
• learningguitarnow.com
• thegeekycyclist.com

食通：

• フロロミーフェイス.com
• veganinthefreezer.com
• Straightupfood.com/blog/

各ページは次の場所で測定されます。

• 最大コンテンツ ペイント ( LCP )、秒単位で測定
• First Input Delay ( FID )、ミリ秒単位で測定
• 累積レイアウト シフト ( CLS )

LCP はモバイルのみで測定されます。モバイルのユーザビリティは SEO (モバイル ファースト インデックス) とユーザビリティ (すべてのウェブサイト トラフィックの約 50% がモバイル デバイスからのもの) にとって重要であるためです。

結果

驚くべきことに、テストした 15 のサイトのうち、モバイル LCP テストに合格したのは 2 つだけでした (2.5 秒以下である必要があります)。

100 ミリ秒未満である必要がある FID の場合は逆で、 15 ページ中 13 ページがテストに合格しました。

0.1 未満である必要がある CLS は、テストされた15 サイトのうち 10 サイトで合格しました。

しかし、WordPress のテーマはどうですか? 結果に影響はありましたか?

Core Web Vitals テストに平均して合格するのに最適な WordPress テーマは GeneratePress でした。 GeneratePress は最速の WordPress テーマ テストでもトップに立っているため、これは私を驚かせるものではありません。

Thrive Theme Builder のパフォーマンスは全体的に最悪でした。 Core Web Vitals のすべてのテストに合格した 2 つのサイトだけが、Foodie テーマと Twenty Twenty テーマを使用していました。

結論

これは無作為に選択された Web サイトの非常に小規模なテストであったため、調査結果は統計的に有意ではありません。 WordPress の速度に関しては、他にも多くの要因が関係しています。 結果からわかるように、テストされた最速のサイトと最も遅いサイトの両方で同じ WordPress テーマ (Foodie) が使用されました。 プラグイン、画像圧縮、キャッシング、Web サイトのホスティングなど、全体的な速度パフォーマンスに影響するその他の変数が存在する可能性があります。

テーマ速度テストで証明したように、 WordPress テーマの選択は Web サイトの速度の可能性に影響を与えます。GeneratePressのような高速で適切にコーディングされたテーマでサイトを構築することで、有利なスタートを切ることができます.

ただし、高速な WordPress テーマを選択するだけでは、高速な Web サイトが保証されるわけではありません。

Google の Core Web Vitals テストで、私の Web サイト (あなたが現在アクセスしている Web サイトです!) がどのように機能したか興味がありました。 私はすでにキャッシュと画像圧縮で GeneratePress を使用しているので、うまくいくと思っていました…. 実は、私にも改善の余地があります。

私は PageSpeed Insights を使用して自分のサイトの重要なページをテストしました。最初のスコアは高そうに見えますが (モバイルで91/100 )、LCP スコアには達していません (Google のベンチマークである 2.5 秒より 0.5 秒高い 3 秒)。

デスクトップでは、PageSpeed Insights は、私のウェブサイトのすべてのページが Core Web Vitals テストに合格したことを示しました (このデータは、私のウェブサイトの実際のユーザーからの Google のデータに由来します)。 最速の WordPress ウェブサイトを求める私の探求は続きます!

私はこれをさらに調査し、数を減らす方法を見つけたら、それについて書き、あなたが従うためのチュートリアルを作成します.