2022年のShopifyストアの14の最速テーマ[PagespeedBenchmarks]

公開: 2022-04-28

スピードは、ウェブサイトと提供するコンテンツをランク付けする方法において、Googleの要因になっています。 速度は検索エンジンのランキングに関してはわずかな影響しか及ぼさないかもしれませんが、使いやすさとコンバージョン率に関してはeコマースストアに大きな影響を与える可能性があります。

このPagespeedベンチマークガイドでは、最速のShopifyテーマとそのパフォーマンスの包括的なリストを確認します。

目次

テーマを速くするものは何ですか？

高速テーマとは、接続速度に関係なく、ストアのコンテンツを訪問者にできるだけ早くロードするテーマです。 つまり、ページが5 MBをロードする必要がある場合、物理的なブロードバンド接続では高速である可能性がありますが、3G接続ではロードが遅い可能性があります。 したがって、目標は、製品とブランドを可能な限り販売する能力を維持しながら、可能な限り軽量で、十分に最適化されたテーマを持つことです。

どのテーマをテストしましたか？

公式のShopifyテーママーケットプレイスからのテーマのみをテストしています。 Themeforest、Template MonsterなどのマーケットプレイスにShopifyテーマの他のベンダーがありますが、それらは公式テーマが通過しなければならない厳格な承認プロセスと更新要件の対象ではありません。 Shopify自体が提供する無料のテーマがいくつかあり、残りは承認されたShopifyパートナーによって開発されたプレミアムテーマです。

テスト方法

通常、デフォルトのインストールからテーマをテストし、逆方向に作業します。 これは実際には無意味で逆効果のようです。 画像、商品、コレクションなどがないShopifyストアの商品を実際に販売している人は誰もいません。 代わりに、はるかに優れた、より公平なテストは、開発者のデモで直接ページ速度テストを実行することです。 これらは多くの場合、優れたストック画像を使用し、さまざまな製品やブログなどを持っています。 また、空のテーマと比較して、実際のストアをシミュレートします。

テストしている主なコンポーネントは次のとおりです。

  • 製品ページ
  • コレクションページ
  • ホームページ
  • ブログページ

灯台のスコアはさまざまであるため、テーマごとにテストを複数回実行し、平均を選択しました。 テーマに異常がある場合は、これを無視して再度実行しました。

14Shopifyのテーマとそのスピードスコア

最初は14のテーマでテストを行っています。 Shopifyによって作成された無料のテーマを分離し、最初にテストしました。 次に、承認され、精査されたShopifyパートナーからのプレミアムテーマが続きます。

無料のテーマ

夜明け

Shopifyによる

  • 製品ページのスコア： 69パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO
  • コレクションページのスコア： 93パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ホームページスコア： 89パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ブログページのスコア： 84パフォーマンス– 94アクセシビリティ– 100ベストプラクティス– 92 SEO

渇望

Shopifyによる

  • 製品ページのスコア： 51パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO
  • コレクションページのスコア： 93パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ホームページスコア： 71パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ブログページのスコア： 77パフォーマンス– 99アクセシビリティ– 100ベストプラクティス– 100 SEO

味

Shopifyによる

  • 製品ページのスコア： 51パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO
  • コレクションページのスコア： 73パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO
  • ホームページスコア： 49パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 85 SEO
  • ブログページのスコア： 39パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO

カラーブロック

Shopifyによる

  • 製品ページのスコア： 79パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 100 SEO
  • コレクションページのスコア： 94パフォーマンス– 94アクセシビリティ– 100ベストプラクティス– 93 SEO
  • ホームページスコア： 92パフォーマンス– 99アクセシビリティ– 100ベストプラクティス– 93 SEO
  • ブログページのスコア： 76パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 100 SEO

検出

Shopifyによる

  • 製品ページのスコア： 71パフォーマンス– 99アクセシビリティ– 100ベストプラクティス– 99 SEO
  • コレクションページのスコア： 87パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO
  • ホームページスコア： 75パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ブログページのスコア： 83パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 99 SEO

プレミアムテーマ

インパルス

アーキタイプのテーマ

  • 製品ページのスコア： 50パフォーマンス– 96アクセシビリティ– 92ベストプラクティス– 99 SEO
  • コレクションページのスコア： 63パフォーマンス– 98アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ホームページスコア： 39パフォーマンス– 98アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ブログページのスコア： 72パフォーマンス– 99アクセシビリティ– 100ベストプラクティス– 99 SEO

プレステージ

Maestrooo

  • 製品ページのスコア： 47パフォーマンス– 85アクセシビリティ– 100ベストプラクティス– 98 SEO
  • コレクションページのスコア： 73パフォーマンス– 93アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ホームページスコア： 44パフォーマンス– 93アクセシビリティ– 100ベストプラクティス– 85 SEO
  • ブログページのスコア： 52パフォーマンス– 89アクセシビリティ– 92ベストプラクティス– 99 SEO

倉庫

Maestrooo

  • 製品ページのスコア： 57パフォーマンス– 84アクセシビリティ– 100ベストプラクティス– 92 SEO
  • コレクションページのスコア： 52パフォーマンス– 91アクセシビリティ– 100ベストプラクティス– 84 SEO
  • ホームページスコア： 44パフォーマンス– 93アクセシビリティ– 100ベストプラクティス– 85 SEO
  • ブログページのスコア： 73パフォーマンス– 91アクセシビリティ– 100ベストプラクティス– 93 SEO

対称

クリーンキャンバス

  • 製品ページのスコア： 62パフォーマンス– 85アクセシビリティ– 100ベストプラクティス– 92 SEO
  • コレクションページのスコア： 53パフォーマンス– 92アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ホームページスコア： 43パフォーマンス– 92アクセシビリティ– 100ベストプラクティス– 84 SEO
  • ブログページのスコア： 64パフォーマンス– 92アクセシビリティ– 100ベストプラクティス– 93 SEO

広がり

アーキタイプのテーマ

  • 製品ページのスコア： 56パフォーマンス– 88アクセシビリティ– 100ベストプラクティス– 98 SEO
  • コレクションページのスコア： 47パフォーマンス– 91アクセシビリティ– 100ベストプラクティス– 90 SEO
  • ホームページスコア： 63パフォーマンス– 89アクセシビリティ– 100ベストプラクティス– 91 SEO
  • ブログページのスコア： 69パフォーマンス– 90アクセシビリティ– 100ベストプラクティス– 98 SEO

モーション

アーキタイプのテーマ

  • 製品ページのスコア： 55パフォーマンス– 98アクセシビリティ– 92ベストプラクティス– 93 SEO
  • コレクションページのスコア： 59パフォーマンス– 100アクセシビリティ– 100ベストプラクティス– 91 SEO
  • ホームページのスコア： 49パフォーマンス– 86アクセシビリティ– 100ベストプラクティス– 92 SEO
  • ブログページのスコア： 56パフォーマンス– 100アクセシビリティ– 92ベストプラクティス– 100 SEO

パイプライン

Groupthoughtによる

  • 製品ページのスコア： 34パフォーマンス– 98アクセシビリティ– 92ベストプラクティス– 93 SEO
  • コレクションページのスコア： 44パフォーマンス– 98アクセシビリティ– 100ベストプラクティス– 79 SEO
  • ホームページスコア： 37パフォーマンス– 96アクセシビリティ– 100ベストプラクティス– 79 SEO
  • ブログページのスコア： 71パフォーマンス– 98アクセシビリティ– 100ベストプラクティス– 93 SEO

帝国

ピクセルユニオン

  • 製品ページのスコア： 32パフォーマンス– 83アクセシビリティ– 100ベストプラクティス– 100 SEO
  • コレクションページのスコア： 56パフォーマンス– 87アクセシビリティ– 100ベストプラクティス– 93 SEO
  • ホームページスコア： 36パフォーマンス– 82アクセシビリティ– 100ベストプラクティス– 85 SEO
  • ブログページのスコア： 60パフォーマンス– 90アクセシビリティ– 100ベストプラクティス– 100 SEO

キャノピー

クリーンキャンバス

  • 製品ページのスコア： 38パフォーマンス– 89アクセシビリティ– 100ベストプラクティス– 83 SEO
  • コレクションページのスコア： 41パフォーマンス– 91アクセシビリティ– 100ベストプラクティス– 83 SEO
  • ホームページスコア： 65パフォーマンス– 89アクセシビリティ– 100ベストプラクティス– 76 SEO
  • ブログページのスコア： 75パフォーマンス– 96アクセシビリティ– 100ベストプラクティス– 82 SEO

結果

テストの際にすぐに明らかになったのは、画像と重いJSアセットがテーマに与えた影響でした。 Shopifyの無料テーマは非常にうまく機能し、いくつかの例外を除いてかなり一貫していました。 もう1つの側面は、ページの違いでした。

通常、製品およびコレクションベースのページは、無料テーマとプレミアムテーマの両方で最もパフォーマンスが低かった。

審査では、平均スコアを持ち、各カテゴリーの強みを考慮に入れています。

それで、それ以上の苦労なしに、勝者を発表しましょう。

最高のオールラウンドテーマ

Shopifyによるカラーブロック

最高の無料テーマ

Shopifyによるセンス

最高のプレミアムテーマ

アーキタイプのテーマによる広がり

最高の製品ベースのテーマ

Maestroooによるプレステージ

最高のSEOテーマ

Shopifyによるセンス

結論

「これは、あなたの結果に基づいてテーマを選ぶ必要があるということですか？」 絶対違う。 上記のガイドは、Lighthouseによってスコアリングされたページスピードの洞察として役立ちます。 Lighthouseは、Googleがページ速度スコアを決定するために使用するスコアリングメトリックです。 速度はオンラインストアの1つの側面ですが、他にも多くの重要な要素があり、それぞれの長所と短所のバランスをとる必要があります。

最高の没入型Shopifyストアのいくつかは、これらのテストでは実際にはそれほどスコアが高くありませんが、それらが持っているのは次のような側面です。

  • 人々が理解するブランド
  • 美しい画像
  • 特定の価格帯で意味のある製品
  • 課題を解決する製品
  • 独占性と独自性
  • 魅力的でランキングの高いコンテンツ
  • 歴史

始めるとき、真実は上記のテーマのいずれかが成功するビジネスへのあなたの道であなたを助けるであろうということです、しかしそれは実際に必要とされるものへの氷山の一角です。