2022年に最速の10のWooCommerceテーマ（詳細なテストに基づく）

月に30,000ドルを生み出す店舗は、わずか1秒の遅延により、年間25,000ドルの収益を失う可能性があります。 それより遅い店の場合、損失はさらに大きくなります。

高速なWooCommerceストアの重要なコンポーネントの1つは、そのテーマです。 間違ったテーマを選択すると、コンバージョンが減少し、ユーザーエクスペリエンスに悪影響を及ぼし、検索エンジンのランキングに悪影響を与えるため、ストアの速度が低下し、ビジネスに悪影響を与える可能性があります。

そのため、テーマによってWebサイトの読み込みができるだけ速く妨げられないようにするために、2022年に利用可能な最速のWooCommerceテーマの10個のパフォーマンスを比較しました。

それらのいくつかはWooCommerceストア用に明​​示的に設計されていますが、その他は優れたeコマーステンプレートと機能を備えた汎用オプションです。 これらのテーマのほとんどは利用可能な最速であると主張していますが、他のテーマは非常に人気のあるオプションであるため含まれています。

結果の要約

テストの完全な結果を表示し、この記事の後半でテストがどのように実行されたかを正確に知ることができます。 ただし、ここに、どのテーマが最速だったかを説明する簡単な要約があります。

テストには、Google PageSpeed Insights（PSI）とPingdomを使用しました。 テストを実行する前、および各テーマがアクティブ化された後、各テーマの内部キャッシュを準備するためにWebサイトが更新されました。 PSIとPingdomはどちらも、100点満点の全体的なパフォーマンスグレードと、サイトのパフォーマンスに関するより詳細な情報を提供します。

PSIは、デスクトップおよびモバイルデバイスでテーマがどのように実行されたかも測定します。 Pingdomでは、評価されたのはデスクトップエクスペリエンスだけでした。 各サイトの単一の製品ページとショップのホームページがテストされました。

2ページ（単一の製品とショップのホームページ）の平均PSIパフォーマンスグレードに基づくと、PSIによると、最もパフォーマンスの高いテーマは次のとおりです。

• 最高のモバイルPSIパフォーマンスグレード：Shoptimizer（平均グレード93.5）。
• 最高のデスクトップPSIパフォーマンスグレード：Botiga（平均グレード92.5）。
• 全体的に最高のPSIデスクトップおよびモバイルパフォーマンスグレード：Shoptimizer（平均グレード86.25）。

この記事でわかるように、テスト結果にはパフォーマンスグレードだけではありません。 ただし、テーマの速度の概要はわかります。

最初の入力遅延と合計ブロッキング時間

結果を確認するのに役立つメトリックの1つは、Total Blocking Time（TBT）です。 TBTは、ページがインタラクティブになるまでにかかる時間を適切に示します。たとえば、ユーザーがボタンまたはその他のインタラクティブなページ要素をクリックしたときにアクションを実行できます。 これは、First Input Delay（FID）と、ユーザーがページを認識する速度に影響します。

FIDは、ユーザーが最初にページを操作してから、ブラウザーがその操作に対する応答の処理を実際に開始できるようになるまでの時間を測定します。 ラボテストではFIDを測定できませんが、PSIによって測定されるページのブロック時間は、FIDとよく相関しています。

Googleによると、タスクのブロック時間が50ミリ秒より長い場合、「ユーザーは遅延に気づき、ページが遅くまたはぎくしゃくしていると感じる可能性があります」。 ページのTBTは、最初のコンテンツの問題（FCP）と対話時間（TTI）の間に発生する各長いタスクのブロック時間の合計です。

TBTを改善するためにできることはすべて、FIDも改善する必要があります。これにより、ユーザーがページをより速く体験できるようになります。

テストされたほぼすべてのテーマのデスクトップのTBTスコアは良好でしたが、モバイルTBTテストでは、GeneratePress、OceanWP、およびStorefrontのみが実際に良好でした。

TBTだけでなく、すべての結果を見ると、Shoptimizerは全体的に最高でしたが、平均PSIモバイルパフォーマンスグレード（79）は他のいくつかのテーマよりもわずかに低かったです。 このため、GeneratePressテーマは、単一ページとショップホームページの両方のスコアを平均すると、モバイルとデスクトップの両方（それぞれ82.5と88.5）でスコアが高くなるため、より興味があるかもしれません。

Statistaによると、世界中のモバイル小売eコマースの売上は2020年の29億ドルから2021年には35億ドルに急増しているため、デスクトップユーザーとモバイルユーザーの両方にとって高速なテーマを選択することが重要です。 これに基づくと、PSIテストによると、GeneratePressは箱から出してすぐに使用できる最良のオプションです。

Pingdomは、ページサイズ、読み込み時間、リクエスト数を測定し、パフォーマンスグレードも提供しましたが、BotigaとGeneratePressの平均パフォーマンスグレードはわずかに高かったものの、Astraが最も速い単一の製品ページとショップページを持っていることがわかりました。

2022年に最速のWooCommerceテーマはどれですか？

テーマはPingdomとPSIのさまざまな基準に照らしてテストされているため、2022年に最も速いWooCommerceテーマについて明確な勝者を選ぶのは簡単ではありません。

ただし、すべてのテストで最高のパフォーマンスを示したテーマは、Boitga、GeneratePress、Shoptimizerでした。

以下のテスト結果の詳細を表示して、ストアで最速のテーマを見つけることができます。

最速のWooCommerceテーマ

WooCommerceの最速のテーマの詳細をアルファベット順に示します。

アストラ

Astraは無料版と有料版があり、完全にカスタマイズ可能なWordPressテーマです。

ストアをセットアップするときに選択できる、適切に設計されたテンプレートがたくさんあります。 Beaver Builder、Brizy、Elementor、およびWordPress Block Editorを使用してAstraテンプレートを編集できることで、創造的な自由が十分に得られます。

Astraの無料版と有料版の両方に、ストアを強化するための便利なWooCommerceに適した機能がありますが、有料版ではさらに多くのことが得られます。

主な機能

• ヘッダーとフッターを含むテーマ全体を編集できます。
• 完全に編集可能なeコマーステンプレートがたくさん。
• UXを改善するために個別のモバイル専用ヘッダーを作成する機能。

アストラテスト結果

Astraには、Pingdomの最高のパフォーマンスグレードがいくつかあります。 PSIは、Astraにデスクトップユーザーには非常に肯定的な評価を与えましたが、モバイルパフォーマンスには平均を下回りました。 全体として、これは高速なWooCommerceテーマですが、このコレクションには高速なオプションがあります。

ボティガ

Botigaは、無料バージョンと有料バージョンで利用できるもう1つのWooCommerceです。

WooCommerceの機能の中には、複数の商品リストスタイル、商品ギャラリーデザインの選択、2つの異なるカートレイアウトがあります。 製品フィルターと推奨事項を使用して、在庫を宣伝することもできます。 プレミアム機能には、ウィッシュリスト、粘着性のあるカートに追加ボタン、追加のヘッダーとフッターのレイアウトが含まれます。

主な機能

• 2つのeコマースストアのデモ。
• 高度にカスタマイズ可能なクリーンで最小限のデザイン。
• モバイル向けに最適化されたヘッダーのセット。

ボティガテスト結果

Botigaは、この記事でテストされた最速のテーマの1つでした。 デスクトップのPSIスコアは非常に良好でしたが、モバイルのPSIスコアが高いテーマは他にもいくつかありました。

ディビ

Diviは、ElegantThemesの主力WordPressテーマです。 多くのeコマースオプションを含む、魅力的なWebサイトパックと個別のテンプレートが多数付属しています。

Diviには、テーマに統合された独自の強力なページビルダーツールもバンドルされています。 Divi Builderを使用すると、Webサイトのデザインを完全に制御でき、このタイプの最高のWordPressプラグインの強力なライバルです。

Diviには使いやすいA/Bテスト機能があるため、実験を実行してストアを最適化し、コンバージョン率を高めることができます。

主な機能

• 完全に編集可能なオンラインストアデモの大規模なライブラリ。
• フルサイト編集を備えた統合ページビルダー。
• カスタマイズ可能なコンテンツモジュール。

Diviテスト結果

Diviは、OceanWPに次ぐ最大のページサイズのいくつかを持っており、これはそのスコアのいくつかに悪影響を及ぼしているように見えました。 PSIはデスクトップのパフォーマンスが良好であると判断しましたが、モバイルのパフォーマンスは最悪でした。

GeneratePress

無料版と有料版があり、GeneratePressは利用可能な最速のWordPressテーマであると主張しています。 プレミアムバージョンを支払うと、より多くのテンプレートにアクセスしたり、プレミアムサポートチャネルにアクセスしたりできます。

ストアの立ち上げを支援するために、GeneratePressには多数のeコマーステンプレートが付属しています。 このテーマには独自のエディターがあるため、ビジュアルインターフェイスを介してWebサイトのすべての側面をカスタマイズできます。

主な機能

• 複数のeコマースストアのウェブサイトのデモ。
• ブロックベースのテーマビルダーツール。
• モバイルのみのヘッダーオプション。

GeneratePressテスト結果

GeneratePressは、PSIモバイルおよびデスクトップのパフォーマンスグレードでの高得点のおかげで、全体的にテストされた最高のパフォーマンスのWooCommerceテーマでした。 また、Pingdomテストでもうまくいきました。

カデンス

Kadenceは、プレミアムアドオンをインストールすることで拡張できるもう1つの無料テーマです。

Kadenceには、多数のeコマースデザインを含む、無料および有料のWebサイトデモの大規模なライブラリも付属しています。 WooCommerceユーザーは、Kadenceショップキットを購入して、商品画像のズーム、カートの通知、高度なレビューなど、eコマースの機能をストアに追加できます。

主な機能

• 完全に編集可能なヘッダーおよびフッターテンプレートの選択。
• グローバル設定により、ストアを簡単にカスタマイズし、全体を通して一貫した外観を維持できます。
• BeaverBuilderとElementorの両方と互換性があります。

Kadenceテスト結果

Kadenceは、Pingdomテストで良好に機能し、ショップのホームページのパフォーマンスグレードは非常に良好でした。 ただし、PSIのモバイルパフォーマンススコアは、一部の競合製品ほど良くありませんでした。

ネーブ

Neveには、多くの追加のWooCommerce機能を含むプレミアムビジネスパッケージを含む、いくつかの異なるバリエーションがあります。

限定の無料版もあるので、購入する前に試すことができます。 ただし、ビジネスライセンスまたはエージェンシーライセンスに追加料金を支払うと、より多くのショップレイアウト、ウィッシュリスト機能、複数のチェックアウトスタイルなどにアクセスできます。

Neveにはモバイルファーストのデザインもあり、WooCommerceストアを小さな画面のデバイスで非常に簡単に閲覧できるようにする必要があります。 主要なWordPressページビルダープラグインとの互換性は、選択したツールでWebサイトを編集するか、デフォルトのWordPressブロックエディターを使用できることを意味します。

主な機能

• WooCommerceストアの多くの機能。
• 主要なサードパーティのページビルダーと連携します。
• 多くのeコマースオプションを含む100以上の編集可能なスターターサイト。

Neveテスト結果

Neveは、テストされたより高速なテーマの1つでした。 ただし、この比較で最速のテーマと比較して、一部のPSIモバイルテストではわずかに遅れています。

OceanWP

OceanWPは多目的テーマであり、有料版で利用できる多くのeコマースストアのデモがあります。 無料版にはいくつかのeコマースデモが付属していますが、有料版にアップグレードすると、より多くのデモと追加機能のロックが解除されます。

選択したデモによっては、Elementorページビルダープラグインを使用して、ヘッダーとフッターを含むサイト全体を編集できる場合があります。 OceanWPの有料版には、より創造的な自由を与えるカスタムビルドのElementorモジュールの選択が含まれています。

主な機能

• 多くのeコマースデザインを含む、多数の既製のWebサイトデモ。
• Elementor用のカスタムビルドモジュール。
• モバイルUXを改善するための3つのモバイルメニュースタイル。

OceanWPテスト結果

Pingdomによると、OceanWPは最大のページサイズとほとんどのリクエストを持っていたため、読み込み時間が最も遅くなりました。 PSIモバイルスコアも最悪でした。 ただし、PSIでのデスクトップのパフォーマンスは問題ありませんでした。

Shoptimizer

Shoptimizerは、スピードとコンバージョンを念頭に置いて構築されたWooCommerceに焦点を当てたテーマです。

ストアのスピードアップを支援するために、Shoptimizerは縮小され、重要なCSSがすぐに使用できるようになりました。 店舗でより多くの売り上げを生み出す可能性のあるコンバージョン重視の機能には、気を散らすことのないチェックアウトエクスペリエンス、商品ページに配送と返品の情報を表示する機能、顧客を安心させるための信頼バッジなどがあります。

主な機能

• 売り上げを生み出すための在庫カウンターとカウントダウンタイマー。
• 社会的証明を高めるためのスライドアップ販売通知。
• スマートフォンUXを改善するためのモバイルファーストデザイン。

Shoptimizerテスト結果

Shoptimizerは、最高の平均PSIデスクトップパフォーマンスグレードと高いモバイルパフォーマンスグレードを持っていました。 Pingdomの結果も印象的でした。

店先

ストアフロントはWooCommerceの公式テーマであり、無料で使用できます。

Storefrontの無料バージョンには、開始してそのデザインにいくつかの調整を加えるのに十分なものがあります。 ただし、本当にパーソナライズされたストアを作成したい場合は、StorefrontExtensionsBundleまたはいくつかの個別の拡張機能を購入する必要があります。

主な機能

• 整頓されたUXのための最小限のデザイン。
• ストアの外観をすばやく変更するための子テーマのライブラリ。
• WooCommerceを担当するチームによって構築および保守されています。

店頭テスト結果

ストアフロントは、PSIで非常に優れた平均デスクトップパフォーマンススコアを持っていますが、モバイルスコアが比較的低いことに失望しました。 Pingdomの結果は良好でしたが、最高ではありませんでした。

ウースティファイ

Woostifyは、有料のアドオンで拡張できるもう1つの無料のWooCommerceテーマです。

Woostifyのコアバージョンは、ロード時間を改善することを目的として、可能な限り軽量になるように設計されています。 拡張機能を介して追加機能を追加できるため、必要なアドオンをインストールするだけで、サイトを不必要に圧迫することを回避できます。 すべてのアドオンとスターターサイトは、アドオンごとではなく、1つの価格で利用できます。

主な機能

• Elementorで編集できる無料および有料のスターターサイト。
• WooCommerceの機能やその他のカスタマイズオプションを含む有料のアドオン。
• 複数の製品ページ、リストレイアウト、およびヘッダーテンプレート。

テスト結果を強化する

Woostifyは、特にモバイルパフォーマンスに関して、この比較で最悪のスコアのいくつかを持っていました。

テストについて

テストのために、SiteGroundがホストするWordPressWebサイトに新規インストールが作成されました。 WooCommerceがサイトにインストールされ、プラグインのサンプルストアデータがインポートされました。

次に、単一の製品ページとショップホームページのパフォーマンスが、PingdomとGooglePageSpeedInsightsでテストされました。 Pingdomでは、サイトがホストされている場所に最も近い場所である同じテスト場所が選択されました。

テストごとに、異なるテーマがアクティブ化され、デフォルトの状態で使用されました。 テーマのデモはインポートされず、追加のプラグインもインストールされませんでした。 パフォーマンスツールが使用されていないため、キャッシュを有効にし、CDNを使用し、イメージを最適化し、ミニファイを展開することで、さらに良い結果を得ることができます。 そのすべてを行うのに役立つツールの1つがNitroPackです。

コアWebバイタル

Core Web Vitals（CWV）は、Googleがページに全体的なパフォーマンススコアを与えるために使用するテストのコレクションです。 ページのスコアは高く、改善が必要で、悪い場合があります。 ページがCWVテストに合格し、良好な評価を達成するには、パフォーマンススコアが90〜100の範囲である必要があります。

CWVスコアは、Largest Contentful Paint（LCP）、First Input Delay（FID）、およびCumulative Layout Shift（CLS）テストの結果に基づいています。 CWVテストに合格するには、3つのコンポーネントすべてについてページのスコアが高い必要があります。

一般的に、これらのテストでは、ページの速度だけでなく、ページの応答性と視覚的な安定性も調べます。

ソース：https：//web.dev/vitals-business-impact/

この記事では、テストされたテーマのLCPスコアとCLSスコアを確認できます。 前述のように、FIDはPSIラボテストでは利用できませんが、TBTはFIDと密接に関連しています。

優れたCWVスコアは、優れたユーザーエクスペリエンスを提供し、検索エンジンのランキングの向上にも貢献します。

上記の結果からわかるように、デスクトップテストでは、3つのテーマが単一の製品ページで90以上のパフォーマンスグレードを獲得し、8つのテーマがショップホームページテストで90以上のスコアを獲得しました。 モバイルテストで90以上の合格点を達成したテーマはありませんでした。 ただし、GeneratePress、Kadence、Shoptimizerが90点に最も近づきました。

概要

ご覧のとおり、テーマの選択は、特にモバイルエクスペリエンスに関しては、ストアの速度に影響を与えます。

これらのテーマのほとんどは、良好な成績とその他のスコアで、良好に機能しました。 ただし、Botiga、GeneratePress、Neve、Shoptimizerが特に好調で、競合他社から際立ったものがいくつかありました。

Divi、OceanWP、およびWoostifyは、主にPSIモバイルの結果に関して最も苦労しているように見えました。

前に説明したように、モバイルオンラインショッピングの人気は高まり続けているため、このオーディエンスにとってすぐに読み込まれるテーマを選択することが重要です。

選択するテーマに関係なく、WordPress、ホスト、テーマのデフォルト設定を使用するのではなく、必ずサイトを最適化してください。 上記のすべてのテーマと互換性のあるNitroPackのようなツールは、モバイルデバイスへの読み込み速度など、さまざまな方法でサイトのパフォーマンスをすばやく向上させることができます。