大規模セール中に最初のWooCommerceストアが遅くなるのを見ていたのを覚えています。ページは遅く読み込まれ、顧客は離脱し、すぐに修正しなければならないとわかっていました。
もしあなたが同じ状況なら、このガイドではWooCommerceを段階的に高速化する方法を説明します。これらは、読み込み時間を改善し、コンバージョンを増やし、買い物客が離脱するのを防ぐために私が使用した正確な戦術です。
オンラインストアにとってスピードが重要な理由
ページの読み込み時間は、ブランドの成功を決定するあらゆるウェブサイトにとって不可欠な要素です。 WPBeginnerによると、読み込み時間に1秒遅れると、コンバージョンが7％減少し、ページビューが11％減少し、顧客満足度が16％低下する可能性があります。
ウェブサイトの速度とパフォーマンスは、Googleのランキングアルゴリズムにおいても重要な役割を果たします。 Googleやその他の検索エンジンは、遅いウェブサイトを検索結果で低くランク付けすることでペナルティを科し始めており、応答時間の遅いサイトへのトラフィックが減少しています。
サイトの速度は、ブラックフライデーやサイバーマンデーのようなトラフィックが多い時期にも重要です。
多くの買い物客があなたのストアに殺到してオファーや割引を利用する際に、WooCommerceを可能な限りスムーズに実行できるように最適化したいと思うでしょう。そうでなければ、訪問者はより高速な競合他社を優先してあなたのサイトを放棄し、それらの非常に重要な売上を失うことになります。
WooCommerceストアの速度を測定する方法
何が問題なのかわからないと、WooCommerceを高速化するのは困難です。この記事のヒントに従う前に、現在のeコマースウェブサイトのページ読み込み時間を測定する必要があります。
WooCommerceストアの読み込み速度を測定するために使用できるウェブサイト速度テストツールはたくさんあります。 Pingdom、Google Pagespeed Insights、GTMetrixなどです。
IsItWPのこの無料ウェブサイト速度テストツールを使用することもできます。
このツールは、ストアの現在のページ速度を表示し、結果を改善するための速度最適化の提案を提供します。その後、この記事のヒントを試した後、WooCommerce速度テストを再実行して結果を比較できます。
パフォーマンスとSEOを向上させるためにWooCommerceを高速化する10の方法
高いページ速度スコアを取得することは素晴らしいことです。しかし、訪問者にとってWooCommerceウェブサイトがどれだけ速く感じるかも考慮する必要があります。これを「体感速度」と呼びます。これは、サイトを支える仕組みよりも重要です。
以下のヒントは、高いページ速度指標の取得のみに焦点を当てるのではなく、ストア全体のパフォーマンスとユーザーエクスペリエンスを向上させるのに役立ちます。
1.信頼性の高いWooCommerceホスティングを選択する
ドメインは、ほとんどのドメインレジストラから違いに気づかずに購入できます。しかし、ドメイン以上に、WooCommerceストアを成功させるか失敗させるかの鍵を握るのはウェブホスティングです。
多くのストアオーナーは、安価であるため共有WordPressホスティングを選択します。しかし、これの欠点はウェブサイトが遅くなることが多いことです。そのため、ストアが成長しトラフィックが増加するにつれて、より優れたサーバーリソースを提供する、パフォーマンスの高いホスティングソリューションへの移行を検討する必要があります。
しかし、すでに確立されたウェブサイトがある場合、ホスティングプロバイダーを変更するのは簡単ではありません。そのため、最初から信頼できるWordPressホスティングプロバイダーを選択して、手間を避けるのが最善です。
ホスティングオプションはさまざまで、選択は予算、規模、目標に合わせる必要があります。管理され、信頼性が高く、手頃な価格のソリューションを探しているなら、Bluehostは優れた選択肢です。
Bluehostは、あらゆる規模のビジネスにとって最高のWordPressホスティングプロバイダーです。公式のWordPressおよびWooCommerce推奨ホストであり、高速で応答性の高いオンラインストアを実行するために必要なすべての機能が備わっています。
BluehostのマネージドWooCommerceホスティングパッケージには、以下が含まれます：
- WooCommerceの自動インストール
- メールマーケティング
- 無制限の商品
- 顧客の商品レビュー
- ウェブサイトのトラフィック分析
- 支払い処理
- 無料SSL
- 無制限の帯域幅とメモリ制限
- ドメインのプライバシーと保護
- 複数のキャッシュレイヤー
- Googleマイビジネス認証
また、世界中のデータセンターにアクセスでき、WooCommerceの専門家による24時間年中無休のeコマースサポートも利用できます。
2.高速なWooCommerceテーマを使用する
WooCommerceを高速化するもう1つの方法は、軽量で応答性の高いWooCommerceテーマを使用することです。これは高速に読み込まれ、最高のSEOプラクティスを使用します。テーマには、デザインをニーズに合わせて調整できる、シンプルでありながら包括的なカスタマイズオプションも必要です。
いくつかの人気のWordPressテーマは、これらの条件をすべて満たしています。しかし、自分で作成できるのに、既製のテーマで妥協するのはなぜでしょうか？
オンラインストアに最適なパフォーマンスを発揮するWordPressテーマを作成するには、SeedProdの使用をお勧めします。
SeedProdは、初心者向けのドラッグアンドドロップ機能を備えた最高のWordPressウェブサイトビルダーの1つです。HTMLやCSSコードを書いたり、開発者を雇ったりすることなく、サイト用のカスタムWordPressテーマを作成できます。
SeedProdのテーマビルダーを使用すると、数回のクリックでWordPressテーマを構成するパーツを設定できます。これには以下が含まれます：
- ホームページ
- シングルページ
- ヘッダーとフッター
- ブログページとアーカイブ
- シングル投稿
また、WooCommerceの商品ページ、ショップページ、チェックアウトページ、商品アーカイブ、価格設定、ショッピングカートなど、WooCommerceストアを中心としたテンプレートも含まれています。
その後、フロントエンドのビジュアルページビルダーを使用して、ポイントアンドクリックでテーマのあらゆる部分をカスタマイズできます。
例えば、バックエンドのWooCommerceデータベースから商品画像、タイトル、カテゴリ、説明などの情報を取得して、商品ページを自動的にカスタマイズできます。
SeedProdの簡単なドラッグ＆ドロップコンテンツブロックを使用して、WooCommerceのアップセル、関連商品、商品評価などを追加することもできます。
他のWordPressプラグインやテーマとは異なり、SeedProdは軽量で無駄がありません。WordPressのベストプラクティスを使用して、ウェブサイトのあらゆる部分がレスポンシブで高速であり、最高のユーザーエクスペリエンスを提供することを保証します。
3.速度のためにWooCommerce設定を調整する
eコマースプラットフォームのパフォーマンスを向上させるために、WooCommerceの多くの設定を変更できます。
まず、WordPressのログインURLを変更できます。多くのWordPressサイトのデフォルトのログインはdomain.com/wp-admin/です。覚えやすいですが、ボットやハッカーも知っているため、サイトが脆弱になります。
ログインURLをよりユニークなものに変更すると、ブルートフォース攻撃からサイトを保護するのに役立ちます。また、「429 Too Many Requests」のようなHTTPエラーにも役立ちます。
WooCommerceサイトにブログがある場合、ブログフィードの投稿数を減らすことができます。デフォルトでは、WordPressは投稿を10に制限しますが、簡単に低い制限を設定できます。
これを行うには、WordPressダッシュボードから設定 » 表示設定に移動し、「ブログページに表示する最大投稿数」の見出しの横にある番号を変更します。
次に、設定 » ディスカッションに移動し、ピンバックを無効にします。これらは通常スパムを生成するため、サイトのクエリが少ないほど良いです。
ウェブサイトの投稿やページに多くのコメントがある場合、WordPressではそれらを小さなセクションに分割できます。商品ページのレビューについても同様に行うことができます。理想的には、読み込み時間を最適化するために、その数を10から20の間に保つべきです。
これらのパフォーマンスを節約する変更は小さく見えるかもしれませんが、高トラフィックのeコマースサイトやブログを実行している場合、長期的には積み重なります。
さらに、サーバーの負荷を軽減し、サイトの速度を向上させるために、カートフラグメントを無効にすることができます。
4.パフォーマンスに優れたプラグインを選択する
WordPressにはリポジトリに何十万もの無料プラグインがあり、さらに多くのプレミアムプラグインも存在します。その結果、ついつい多くのプラグインをインストールしてしまいがちです。
しかし、多くのプラグインには、WooCommerceサイトを遅くする可能性のある無駄なコードが含まれています。パフォーマンスやセキュリティ関連の多くのプラグインは、特定のホスティング環境ではうまく機能しません。
熱心なプラグインインストーラーであれば、優れたパフォーマンスで定評のあるプラグインに絞るのが最善です。私たちのトップピックについては、最高のWooCommerceプラグインのリストをご覧ください。
WordPressにインストールするプラグインの数が常にパフォーマンスの問題を引き起こすわけではありませんが、必要最低限のプラグインに限定し、ベストコーディングプラクティスに従うのが最善です。
5.読み込み時間を短縮するために商品画像を最適化する
画像はeコマースマーケティングの中心です。画像がなければ、潜在顧客は製品の外観を見ることができません。しかし、多くのストアオーナーは、ウェブサイトの速度を低下させるほど多くの高解像度の写真や動画をアップロードしすぎています。
高品質なPNGおよびJPEG画像を引き続き使用し、WooCommerceを高速化するには、画像最適化プラグインまたは画像圧縮を使用するのが最善です。
WordPressの画像最適化プラグインは、製品写真を圧縮およびリサイズすることで、サイト全体のページダウンロードサイズを削減します。一部のプラグインには、訪問者がウェブページで画像に到達したときにのみ画像を読み込む遅延読み込み機能が含まれています。
その結果、これらのプラグインはページの読み込み時間を大幅に短縮し、WooCommerceのページをはるかに高速にすることができます。
ここでは、品質を犠牲にすることなく、WordPressの画像ファイルを最適化する方法をステップバイステップで解説します。
6.キャッシュプラグインを使用してWooCommerceを高速化する
WordPressサイトにブラウザキャッシュを適用することは、オンラインストアを高速化するためのもう1つの優れた方法です。キャッシュとは、ウェブサイトの静的ファイルやリソースをブラウザに一時的に保存し、将来的にそれらをより高速に読み込めるようにすることです。
潜在顧客があなたのウェブサイトにアクセスしたときに何が起こるかを見てみましょう。
- ユーザーがウェブブラウザを通じてリクエストを行います。たとえば、seedprod.comと入力します。
- ブラウザは、ユーザーに表示するウェブページのリクエストをHTTPリクエストとして送信します。通常、DNSサーバーがリクエストを処理し、ホストのIPアドレスを返します。
- WordPressのようなアプリケーションが、ウェブページを返す処理を行います。
- アプリケーションはスクリプトとクエリを実行してウェブページを構築します。その後、ブラウザに返され、ブラウザはそれをレンダリングしてユーザーに表示します。
通常、このプロセス全体には数秒かかります。しかし、複数のリクエストが同時に発生すると、サーバーに多大な負荷がかかり、ウェブサイトが遅くなります。
それを克服するために、キャッシュを使用できます。キャッシュは、ページビューを生成するために必要な作業を減らし、それによってデータベースとPHPへのサイトの依存性を軽減します。
ウェブキャッシュには2種類あります。
- サーバーサイドキャッシュ：サーバーにデータとウェブファイルを保存します。
- クライアントサイドキャッシュ：ブラウザやその他のクライアント内に以前にリクエストされたデータを複製します。
ホスティングプロバイダーがサーバーサイドキャッシュを処理しない場合は、WordPressキャッシュプラグインを使用して処理する必要があります。
いくつかの最高のWordPressキャッシュプラグインには以下が含まれます。
- WP Rocket
- WP Super Cache
- W3 Total Cache
7.WooCommerceデータベースをクリーンアップする
WordPressおよびWooCommerceデータベースのクリーンアップは、ストアを維持するための定期的なアクティビティであるべきです。
WooCommerceストアでは、データベースクエリには以下が含まれます。
- サイトコンテンツ（製品ページ、タグ、カテゴリ、レビュー、投稿リビジョン、ユーザーデータ、テーマ、プラグインなど）。
- トランザクションデータ（支払い、注文詳細、在庫など）。
WordPressデータベースを最適化しないと、リクエストの処理に時間がかかりすぎる可能性があります。その結果、サーバーの応答時間が遅くなると、ウェブサイトが遅くなる可能性があります。
WordPressデータベースをクリーンアップする方法を学ぶには、このガイドに従ってください。
8.CDNを使用してWooCommerceをグローバルに高速化する
CDNとはContent Delivery Network（コンテンツデリバリーネットワーク）の略です。これは、オリジナルのサーバーがリクエストを処理するのではなく、ユーザーにページやウェブコンテンツを配信する、グローバルに分散されたサーバーシステムです。
Cloudflareのような無料および有料のCDNプロバイダーを多数活用して、ストアのユーザーエクスペリエンスを向上させることができます。ここでは、WooCommerceを高速化するための最適なCDNサービスのまとめをご紹介します。
9. WooCommerceストアをモバイル向けに最適化する
インターネットユーザー数は2024年までに50億人を超えると予想されており、その多くがモバイルデバイスを使用して閲覧しています。37カ国の5億人以上のオンラインショッパーを対象とした調査によると、スマートフォンのサイト訪問率は65％、eコマースの注文率は46％を占めています。
しかし、モバイルのコンバージョン率はデスクトップの半分以下であり、成長の余地が多く残されています。
まず、そのオーディエンスを獲得するために、WooCommerceストアがモバイルフレンドリーであることを確認することから始めましょう。Googleのモバイルフレンドリーテストを使用して、ストアが最低基準を満たしているかを確認してください。
サイトが合格しない場合は、モバイルレスポンシブWordPressテーマの導入を検討できます。前述したように、SeedProdはウェブサイト用のWordPressテーマを作成するための最良の方法の1つです。
しかし、SeedProdの既製のテンプレート、ブロック、セクションはすべて100％モバイルフレンドリーでもあります。つまり、異なるテーマやプラグインをインストールすることなく、完全にレスポンシブなWooCommerceストアを作成できます。
さらに良いことに、SeedProdにはライブモバイルプレビュー機能が搭載されています。これにより、サイトがモバイルでどのように表示されるかを確認し、公開前にレスポンシブであることを確認するために変更を加えることができます。
SeedProdの表示オプションを使用して、モバイルまたはデスクトップで要素を表示または非表示にし、ユーザーエクスペリエンスを向上させることもできます。
さらに詳しいヒントについては、デスクトップサイトをモバイルフレンドリーにする方法に関するこのガイドに従ってください。
10. プラグインとテーマを最新の状態に保つ
セールが立て込んでいると、プラグインを更新するのを忘れがちです。WordPressのテーマ、プラグイン、WordPressのインストールを更新しないと、ハッカーがストアを侵害するために悪用できるセキュリティの抜け穴が開く可能性があります。
たとえそれが起こらなかったとしても、古いプラグインは未使用のコードやブロート（肥大化）でストアを遅くすることがよくあります。これを避けるために、WordPress、プラグイン、テーマを最新バージョンに更新してください。
さらに、WordPressプラグインQuery Monitorを使用して、パフォーマンスの低いテーマ、プラグイン、関数を見つけることができます。
注意：ウェブサイトに変更を加える際は、必ず定期的なバックアップを実行してください。
WooCommerceの速度に関するFAQ
サイトのコードを最小化すると、不要な空白、コメント、文字が削除され、ファイルサイズが削減されます。ファイルサイズが小さいほど、ダウンロードと解析が速くなり、ページ読み込み時間が短縮されます。
ステージングサイトは、ライブサイトに影響を与えることなく変更や最適化をテストできる別の環境です。これにより、ライブサイトに実装する前に、さまざまな構成や最適化を試して、ストアのパフォーマンスに最適な組み合わせを見つけることができます。
サードパーティのスクリプトやトラッキングコードは、追加のHTTPリクエストを発生させたり、ページのレンダリングをブロックしたりすることで、サイトの速度を低下させる可能性があります。それらの影響を最小限に抑えるには、必須のスクリプトのみを使用し、非同期で読み込むか、実行を遅延させることを検討してください。
SSLとHTTPSは、暗号化プロセスによりサイトのパフォーマンスにわずかなオーバーヘッドを追加します。しかし、セキュリティと顧客の信頼性の向上というメリットは、わずかなパフォーマンスへの影響をはるかに上回ります。さらに、最新のブラウザとサーバーテクノロジーにより、SSLとHTTPSはこれまで以上に効率的になっています。
チェックアウトプロセスを最適化するには、1ページチェックアウトプラグインの使用、ゲストチェックアウトの有効化、およびページをリロードせずにカートを更新するためのAJAXの使用を検討してください。これらの最適化により、顧客はよりスムーズで迅速なチェックアウト体験を得ることができます。
次のステップ
この記事が、WooCommerceの高速化方法を学び、競合他社に差をつける方法を理解するのに役立ったことを願っています。
ショップのメンテナンスを計画していますか？WooCommerceのメンテナンスモードをショップページのみに有効にする方法に関する記事をご覧ください。または、おすすめのWooCommerceアフィリエイトプラグインのショーケースをご覧ください。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
