12最速のWooCommerceテーマ2022

最速のWooCommerceテーマをお探しですか？

WooCommerceストアの場合、ページの読み込み時間がコンバージョン率（収益を決定する）に直接影響するため、速度が重要です。 WooCommerceテーマだけがストアの読み込み時間に影響を与えるわけではありませんが、それは大きな役割を果たします。

そのため、スピード部門で成功するためにストアを設定するWooCommerceテーマを選択する必要があります。

これを支援するために、最も人気のあるオプションのいくつかを使用して独自のハンズオンパフォーマンステストを実行し、最速のWooCommerceテーマの証拠に裏付けられた外観を提供しました。

データの出所がわかるように、テーマをテストした方法の詳細な説明から始めます。 次に、各テーマの結果と、テーマの主な機能と価格に関する情報を共有します。

最速のWooCommerceテーマをテストした方法

テスト環境の詳細は次のとおりです。

テストサイト

まず、私たちのテストサイトは安価なDigitalOceanサーバーでホストされており、その価格にもかかわらず、実際にはかなり安定したパフォーマンスを提供します。 これは、すべてNginxスタック（RunCloudを搭載）で実行されています。

現実的なテストサイトを作成するために、次のようにサイトを設定しました。

1. WooCommerce
2. 標準のWooCommerceダミーデータ。画像や関連するすべての商品の詳細を含む多数の商品をインポートします。

キャッシュやコードの最適化などのパフォーマンスの最適化は行いませんでした。 現実の世界では、キャッシュプラグインやその他の速度最適化プラグインを使用し、WordPressを高速化するためのガイドに従うことで、読み込み時間を短縮できます。

また、テーマのカスタマイズオプションも変更しませんでした。デフォルト設定を使用しただけです。 これはテーマを比較するための「最も公正な」方法ですが、デモサイトをインポートしたり、WooCommerceの一部の機能を利用したりすると、サイトが少し重くなる可能性があります。

意味のあるパフォーマンスデータを収集していることを確認するために、（ホームページではなく）各テーマで同じ単一の製品ページをテストしました。

単一の製品ページは次のようになります（テーマの例はストアフロントです）。

テストツール

テストデータ自体を収集するために、WebPageTestを使用しました。 WebPageTestが好きな理由はいくつかあります。

1. これは、最初のバイトまでの時間（TTFB）、コアWeb Vitals（最大のコンテンツフルペイントを含む）、ロード時間、HTTP要求、ページサイズなどのさまざまなメトリックを示します。
2. 9つの個別のテストを実行し、中央値を取得するように構成できます。これにより、単一テストのばらつきがなくなり、より正確な結果が得られます。
3. デスクトップとモバイルの両方のテストを実行し、さまざまな接続速度を選択するように構成できます。

このデータをできるだけ有用なものにしたいので、実際のシナリオを模倣するようにテストを設定し、2つの異なるテストを実行しました。

1. デスクトップ：デスクトップデバイスからテストし、スロットルされたFIOS接続を使用– 20/5 Mbps 4msRTT。
2. モバイル：iPhone 7以降の電話からテストし、スロットルされた「3G Fast」接続を使用– 1.6 Mbps / 768 Kbps 150 msRTT。 WebPageTestを使用すると、他のツールのように携帯電話をシミュレートするのではなく、実際のiPhone7以降のデバイスを使用できます。

接続速度を調整しているため、Pingdom（超高速の調整されていない接続を使用）などのツールを使用した場合よりも「遅い」結果が表示されます。 ただし、これらの速度は、ほとんどの訪問者が超高速インターネット接続を閲覧しないため、実際の人間の訪問者が体験する速度よりも正確になります。

デスクトップ時間もモバイル時間よりも速くなります。 これはいくつかの理由で発生します。

• 3Gに制限しているため、モバイル接続は遅くなります。 現実の世界では、モバイル訪問者が4Gを使用している場合、または電話をWIFIに接続している場合、読み込み時間が短縮される可能性があります。
• モバイルデバイスはデスクトップデバイスほど強力ではありません。つまり、JavaScriptの処理に時間がかかります。 覚えておいてください。最新の最上位モデルではなく、古いiPhone7以降を使用しています。

テスト結果を表に示しますが、すべてのメトリックを確認したい場合は、完全なテスト結果の画像にもリンクします。 取り上げる指標は次のとおりです。

• 最初のバイトまでの時間（TTFB） –サイトがデータの最初のバイトで応答するのにかかる時間。
• 最大のコンテンツフルペイント（LCP） –メインコンテンツが表示されるまでにかかる時間。 これは、ほとんどの人間が気にするパフォーマンスのユーザーエクスペリエンス部分をキャプチャすることを目的としています。 これはGoogleの新しいCoreWeb Vitalsイニシアチブの一部でもあり、Googleは2021年5月のPageExperienceアップデートでランキング要素として使用します。
• フルロード時間– WebPageTestは、これを「onLoad後のネットワークアクティビティが2秒間停止したポイント」と定義しています。
• HTTPリクエスト（サイトが作成するHTTPリクエストの数）は少ないほど良いです。
• ページサイズ–ページ全体のファイルサイズ—小さいほど良いです。

WebPageTestは、実行したモバイルテストのLCP値を提供しなかったことに注意してください。

紹介が終わったら、最速のWooCommerceテーマに取り掛かりましょう！ モバイルのパフォーマンスはeコマースストアにとって非常に重要であると考えているため、モバイルのフルロード時間順に並べられています。

この投稿の最後に、すべてのデータもまとめますので、結論を最後まで読み続けてください。

1.シドニー

シドニーは、WooCommerceとの緊密な統合を伴う、独自の軽量多目的テーマです。

Sydney 1.75では、パフォーマンスを大幅に改善して、この最速のWooCommerceテーマのリストに掲載されるようにしました。

SydneyにはjQueryの依存関係がなく、ストアの読み込みを迅速に行うためのベストプラクティスに従ってコーディングされています。

パフォーマンスに加えて、WooCommerceの完全な互換性と機能に加えて、WooCommerceストア用のインポート可能なデモサイトもいくつか付属しています。

主な機能

• 3つのWooCommerceデモサイト（および多くの非WooCommerceデモ）
• 製品価格、販売バッジ、製品タイトルなどのカスタマイズ可能なスタイル
• フライインミニカート
• 気を散らすことのないチェックアウト
• ビデオヘッダーのサポート
• カスタムElementorブロックを含むDeepElementor統合
• jQueryの依存関係はありません
• SEOを改善するための組み込みスキーママークアップ

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

シドニーには無料版がありますが、プレミアム版でWooCommerceのすべての機能とデモサイトにアクセスする必要があります。 無制限のサイトで使用するには69ドルかかります。

2.カデンス

Kadenceは、急速に人気が高まっている新しいWordPressテーマです。 これは柔軟な多目的テーマであり、WooCommerceとの緊密な統合も提供します。

一般的に、ネイティブのWordPressカスタマイザーで利用できる詳細なカスタマイズオプションについては、多くの話題が集まっています。

主な機能

• WordPressカスタマイザーの詳細なカスタマイズオプション
• ヘッダーとフッターのビルダーをドラッグアンドドロップします
• ユーザーが商品をカートに追加すると、サイドカートが自動的に開きます
• Ajaxをカートに追加
• 重要な場所にマイクロコピーと信頼バッジを簡単に追加
• WooCommerceストア用の2つのインポート可能なデモサイト

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

コアのKadenceテーマは、WordPress.orgで無料で入手できます。 無料のテーマには基本的なWooCommerceの互換性が含まれていますが、ストアを真剣に考えている場合はProバージョンが必要になります。

Proバージョンでは、WooCommerceアドオンを含むすべてのアドオンに、1年間のサポートとアップデートで79ドルでアクセスできます。 または、Kadence Suiteを219ドルで購入できます。これには、開発者からの他のWooCommerceプラグインが含まれています。

3.ボティガ

Botigaは、パフォーマンスを最適化するためにゼロから構築した新しい無料のWooCommerceテーマです。

jQueryや他のライブラリに依存しないバニラJavaScriptを使用し、デフォルトでCSSとJavaScriptを最小化します。

箱から出して、それはわずか82.8 KBの重さであり、すべてのデモサイトが重いページビルダーではなくネイティブのWordPressブロックエディターで構築されているため、軽量を維持するように設計されています。

しかし同時に、Botigaは機能を無駄にすることはなく、ストアを成功させるために多くのスタイルオプションとeコマース機能にアクセスできます。

主な機能

• WooCommerceに100％専念
• バニラJavaScript、組み込みのミニファイなどでパフォーマンスを最適化
• 軽量のWordPressブロックエディター（Gutenberg）で構築された既成のデモサイト
• 複数のカートレイアウト、製品フィルター、セールスバッジなど、高度なWooCommerceカスタマイズオプション
• リアルタイムWordPressカスタマイザーの柔軟なデザインオプション

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

Botigaには、シンプルなWooCommerceストアに最適な無料バージョンがあります。 次に、製品見本、より多くのヘッダースタイル、柔軟なサイドバーの位置、ウィッシュリスト、スティッキーカートなどの便利な新機能を追加するProバージョンがあります。

Proバージョンは無制限のサイトで使用するために69ドルかかります。 価格ページで、BotigafreeとProの全機能の比較を確認できます。

4. Neve

Neveは、ThemeIsleの軽量な多目的テーマです。

無料のコアテーマは、軽量の基盤と一般的なWooCommerceの互換性を提供し、プレミアムバージョンはWooCommerceBuilderモジュールを備えたWooCommerce固有の機能の束にスタックします。

主な機能

• ヘッダーとフッターのビルダーをドラッグアンドドロップします
• WooCommerceBuilderアドオンを備えたカスタマイザーの詳細なWooCommerceオプション
• チェックボックスをオンにして製品メタデータを有効/無効にします
• 商品画像ズーム
• クーポンを提供しない場合のクーポンフィールドなど、特定のフィールドを非表示にするオプションを含む、気を散らすことのないチェックアウトページ
• 製品のクイックビュー
• ウィッシュリスト機能

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

コアのNeveテーマは、WordPress.orgで無料で入手できます。 WooCommerce Boosterモジュールやその他のプレミアム機能にアクセスするには、Proバージョンの価格は99ドルです（より安価なプランがありますが、WooCommerce Boosterモジュールは含まれていません）。

5.アストラ

Astraは、存在する中で最も人気のあるテーマの1つであり、WordPress.orgで100万のアクティブなインストールを通過した最初のデフォルト以外のテーマであるという特徴があります。

これは、あらゆるタイプのサイトで使用できる多目的テーマです。 さらに、プレミアムバージョンのWooCommerceとの深い互換性に加えて、多くの便利な機能が含まれています。

主な機能

• インポート可能なWooCommerceデモサイトのトン
• WordPressカスタマイザーでのスタイルとレイアウトのカスタマイズがたくさん
• 製品フィルターとウィジェット用のオフキャンバスサイドバー
• 製品のクイックビュー
• 製品の無限スクロール
• ドロップダウンカート
• 柔軟な製品ギャラリーオプション
• 気を散らすことのないチェックアウト
• 製品カタログの並べ替えオプション（人気（販売）または平均評価による並べ替えなど）

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

コアのAstraテーマは、WordPress.orgで無料で入手できます。 無料のテーマには基本的なWooCommerceの互換性が含まれていますが、WooCommerce固有の機能とカスタマイズオプションのほとんどにアクセスするには、プレミアムアドオンが必要です。

Astra Proは、無制限のサイトで使用するために59ドルかかります。

6.ウースティファイ

Woostifyは、WooCommerceに100％焦点を当てたWordPressテーマです。 個人的には、このテーマは「アストラがWooCommerceストア専用だったらアストラ」だと思います。

これはWooCommerce専用であるため、開発者はWooCommerceデモサイトの構築とWooCommerce機能の追加に全力を注ぐことができます。

主な機能

• さまざまなニッチ向けに構築されたWooCommerceデモサイト—デモサイトはデモコンテンツにElementorを使用しているため、簡単にカスタマイズできます
• 人気のウィッシュリストプラグイン（YITHウィッシュリストおよびTIウィッシュリスト）との組み込み統合
• WooCommerceの多くのカスタマイザー設定
• 複数のカートレイアウト
• ビデオ製品ギャラリーのサポート
• 緊急性を追加するための販売カウントダウンタイマー
• 販売/視聴通知
• スライド式カート

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

コアのWoostifyテーマは、WordPress.orgで無料で入手できます。 基本的な機能といくつかのデモサイトが含まれています。

すべてのデモサイトのロックを解除して機能を追加するには、WoostifyProを49ドルから購入して1つのサイトで使用できます。

7.ストアフロント

Storefrontは、500万回以上ダウンロードされたWooCommerceの「公式」無料テーマです。

コアのWooCommerceチームによって開発および保守されているため、ベストプラクティスを念頭に置いてコーディングされており、多くの公式WooCommerce拡張機能と緊密に統合されています。

主な機能

• WooCommerceチームから直接提供されます
• WooCommerceのために特別に構築されました
• ネイティブのWordPressカスタマイザーを使用してストアをカスタマイズします
• デザインを変更し、特定のニッチにストアを適応させるためのストアフロントの子テーマがたくさんあります

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

ストアフロントのコアテーマは無料です。

その後、WooCommerceチームは、無料および有料の子テーマと拡張機能を多数提供します。

まず、Storefront Extensionsバンドルは、69ドルでStorefrontに多数の新機能とカスタマイズオプションを追加します。

ストアフロントの子テーマに関しては、無料と有料の両方のオプションがあります。 プレミアムチャイルドテーマはそれぞれ39ドルです。

8. GeneratePress

GeneratePressは、パフォーマンスとコードのクリーンさで定評のある、人気のある軽量の多目的テーマです。

これを使用してあらゆるタイプのWordPressサイトを作成できますが、特にGeneratePress Premium（有料プラグインアドオン）にアップグレードすると、WooCommerce固有の機能も多数利用できます。

主な機能

• クリーンで軽量なコード
• プレミアムバージョンの専用WooCommerceアドオン–WooCommerceの特別なレイアウトとスタイルのオプションを提供します
• メニューのショッピングカートアイコン–アイテムまたはカートの値を表示します
• スティッキーパネルカート–買い物客がカートにアイテムを追加したとき、および/または下にスクロールしたときに、スティッキー通知バーを表示します
• チェックボックスをオンにすると、製品メタデータの表示を簡単に有効/無効にできます
• 気を散らすことのないチェックアウト

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

コアのGeneratePressテーマは、WordPress.orgから無料で入手できます。 無料のテーマには基本的なWooCommerceの互換性が含まれていますが、WooCommerce固有の機能とカスタマイズオプションのほとんどのロックを解除するには、プレミアムプラグインアドオンが必要です。

GeneratePress Premiumの価格は、1年間のサポートとアップデートで59ドル、生涯サポートとアップデートで249ドルです。

9.オーキッドストア

Woostifyと同様に、Orchid StoreはWooCommerce専用に構築されています。これは、他の多くのオプションのような多目的テーマではありません。

他のテーマよりも少し「忙しい」デモサイトを提供しています。 それは批判ではなく、デモを閲覧しているときに気付いたものです。

主な機能

• WooCommerceのために特別に構築されました
• 3つのインポート可能なeコマースデモサイト
• Ajaxをカートに追加
• 組み込みのウ​​ィッシュリストサポート
• 通貨スイッチャー（プロ）
• 商品取引ウィジェット（プロ）

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

Orchid Storeには、WordPress.orgの無料バージョンと、コアテーマに追加機能を追加するプレミアムプラグインがあり、単一のサイトで使用するには49ドルかかります。

10.買い物客

詳細なWooCommerce統合を備えた多目的テーマであるこのリストの他の多くのテーマとは異なり、Shoptimizerは100％WooCommerce専用のWordPressテーマです。

この特異な焦点により、他のテーマが提供するよりも高度なWooCommerce固有の機能を組み込むことができます。

最も注目すべき結果の1つは、販売カウントダウンタイマーや在庫状況の緊急通知、主要な場所の信頼バッジ、配送と返品のポリシーを説明するための追加のマイクロコピースペースなど、コンバージョンに焦点を当てた一連の機能です。

また、インスタント結果を表示する組み込みのAjax検索など、ショッピング体験を向上させるための組み込み機能もいくつか含まれています。

主な機能

• WooCommerceに100％専念
• パフォーマンスを向上させるための組み込みのコード縮小
• 信頼バッジ、マイクロコピーなどの組み込みの変換最適化機能。
• 気を散らすことのないチェックアウト
• 巻物の粘着性のある製品の詳細
• 緊急性を高める単一製品のFOMO、たとえば、販売カウントダウンタイマーまたは「Xアイテムのみが在庫に残っている」
• 価値の高い製品に役立つ「コールバックのリクエスト」機能
• インスタント検索結果のAjax製品検索
• 簡単にカスタマイズできるデモコンテンツにElementorを使用

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

Shoptimizerはプレミアムバージョンでのみ提供されます。 定価は99ドルですが、基本的には恒久的な割引が39ドルであるため、39ドルで購入できるはずです。

11. OceanWP

OceanWPは、​​柔軟性とカスタマイズオプションで知られるもう1つの多目的テーマです。

これらの他のテーマのいくつかほど軽量ではありませんが、WooCommerce固有の機能を大量に提供しているため、パフォーマンスのわずかなトレードオフをヒットする価値があります。

主な機能

• eコマースストア用のインポート可能なデモサイトがたくさん
• 柔軟なショッピングカートアイコン
• 製品のクイックビュー
• 気を散らすことのないチェックアウト
• プログレスバー付きのマルチステップチェックアウト
• デスクトップとモバイルの両方のスライド式カート
• オフキャンバス製品フィルター
• スクロール時にフローティングのカートに追加バー

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

OceanWPのコアバージョンはWordPress.orgで無料で入手できますが、WooCommerceストアでは、プレミアムバージョンですべての機能とデモサイトのロックを解除する必要があります。

プレミアムバージョンは、単一のサイトで使用するために39ドルから始まります。

12.ディビ

Diviは、バンドルされているドラッグアンドドロップビルダー（Divi Builder）のおかげで、最も人気のあるプレミアムWordPressテーマの1つです。

あなたが純粋にスピードを求めているなら、Diviはこれらの他のテーマの一歩遅れています。 しかし、スピードと柔軟性を求めていて、とにかくページビルダーを使用することを計画している場合、Diviは実際には一見しただけではそれほど遅れていません。

Diviには、視覚的なドラッグアンドドロップビルダーの「重み」がすでに含まれていますが、他のテーマには含まれていないことを忘れないでください。 したがって、たとえば、ElementorまたはBrizyをこれらのテーマの別のテーマに追加する場合、これらのビルダーの重みを追加すると、Diviにはるかに近くなります。 もちろん、ビジュアルビルダーを使用する予定がない場合、Diviは実際には意味がありません。

主な機能

• 組み込みのドラッグアンドドロップビルダー（Divi Builder）
• Divi Builderは、ドラッグアンドドロップビルダーを使用したWooCommerceストアのテンプレートのデザインを含む、ページ構築と完全なテーマ構築の両方をサポートします
• ページビルダーの専用WooCommerceモジュール
• サードパーティの開発者によるWooCommerceに焦点を当てたアドオンを含む、大規模なサードパーティのマーケットプレイス

パフォーマンス情報

• デスクトップの結果
• モバイルの結果

価格設定

Diviは、Elegant Themesメンバーシップの一部としてのみ利用できます。これにより、Elegant Themesのすべての製品にアクセスし、無制限の個人サイトとクライアントサイトで1つの価格で使用できます。 1年間のメンバーシップの場合は89ドル、生涯のメンバーシップの場合は249ドルを支払うことができます。

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

個々のテーマの多くのデータを示しました。 それでは、これらのテーマがどのように比較されるかを確認するために、すべてをまとめましょう。

私はこれにいくつかの異なる方法で来ます。 まず、モバイルとデスクトップの全体的な最速のテーマについて説明しましょう。

• モバイル：ボティガが最初に登場しました。
• デスクトップ：Neveは完全にロードされた時間で最初に登場し、Woostifyは最大のコンテンツフルペイントで最初に登場しました。

（WebPageTestはモバイルでLCP時間を提供しなかったことを思い出してください。）

もちろん、1位と2位の差は非常に小さいです（または1位と7位ですら）。 そこで、すべてのテーマがどのように比較されるかを確認するために、いくつかのグラフをまとめました。

モバイル（完全にロードされた時間順に並べられています）：

デスクトップ（LCPで注文）：

HTTPリクエストとページサイズ（HTTPリクエスト順に）：

さらに、すべてのデータの生のダンプを確認したい場合は、ここで完全なシートを確認できます。

全体的な結論

それはたくさんのデータです！ デスクトップとモバイルの両方のパフォーマンスを考慮に入れるときに、いくつかの結論に要約する必要がある場合、トップパフォーマーは次のようになります。

• シドニー–モバイルの結果で2番目、デスクトップLCPで2番目でした。
• Neve –デスクトップの結果で1位、モバイルで3位でした。
• Botiga –モバイルの結果で1位、デスクトップLCPで6位でした。
• Woostify –デスクトップLCPで最初でしたが、デスクトップとモバイルの両方で完全にロードされた時間で5番目でした。
• GeneratePress –デスクトップとモバイルの両方で最小のページサイズでした。 また、デスクトップの読み込み時間でも2番目でした。

すでに述べたように、テーマ間の違いはそれほど大きくありません。 たとえば、デスクトップのフルロード時間に関して、AstraはNeveからわずか約10分の1秒遅れていたため、ランキング1とランキング7の大きな違いについては話していません。

したがって、他のテーマの1つが絶対に好きな場合は、別のテーマを使用しても、非常に高速に読み込まれるサイトを作成できます。

最速のWooCommerceテーマ、またはこれらのテーマをどのようにテストしたかについて質問がありますか？ コメント欄でお問い合わせください！