低速は売上を殺します。毎日、私たちはeコマースストアのオーナーが同じ問題に苦しんでいるのを目にします。サイトを訪れた顧客が購入前に離れてしまうのです。
WPBeginnerでは、オンラインビジネスのウェブサイトを驚異的な速度で最適化するお手伝いをしています。ウェブサイトの読み込み速度を速くするだけで、売上が伸びるのを見てきました。
サイトが速く読み込まれると、顧客は長く滞在し、より多くの製品を閲覧し、購入を完了する可能性が高くなります。
私たちは想像できる限りのすべての速度最適化手法をテストしました。クライアントの読み込み時間を劇的に改善し、コンバージョン率の実際の増加を見るために私たちが使用するトップ戦略を共有します。
あなたのeコマースストアにとってスピードが重要な理由
ウェブサイトの速度は、単なる「あれば嬉しい」機能ではなく、ビジネスにとって不可欠なものであることを学びました。顧客が商品ページをクリックしても、数秒間何も起こらない場合、彼らは待っていません。代わりに、戻るボタンを押して競合他社から購入します。
ウェブサイトの読み込み時間の遅延がコンバージョン率を7%低下させる可能性があるというAkamaiの調査によると、読み込み時間の遅延がオンラインストアのオーナーのほとんどが認識しているよりも深刻なビジネス上の影響を与えています。
月収10万ドルのストアの場合、これはわずかな遅延から7,000ドルの収益損失に相当します。ほとんどの人はそれに気づきさえしないでしょう。
しかし、その影響は直接的な売上にとどまりません。ウェブサイトの速度が検索エンジンの可視性を通じて長期的な成長にどのように影響するかについても見てきました。
Googleは、特にCore Web Vitalsのアップデートにより、ページのスピードがランキング要因であることを明確にしました。ページの読み込み時間が速くなることでSEOランキングが向上すると、より多くのオーガニックトラフィックを獲得でき、それはあなたのストアを見つける潜在顧客が増えることを意味します。
要するに、ウェブサイトが高速であればあるほど、より多くのお金を生み出し、より多くの訪問者を引き付けるということです。
それでは、eコマースストアの読み込み速度を劇的に向上させるために使用する具体的な戦略を見ていきましょう。
- より優れたeコマースホスティングプロバイダーを選択する
- WordPressキャッシュプラグインをインストールする
- 最新のPHPバージョンを使用する
- 最新バージョンのWordPressとWooCommerceを使用する
- パフォーマンスのために製品画像を最適化する
- DNSレベルのウェブサイトファイアウォールを使用する
- より良いWordPressテーマを選択する
- より良いWordPressプラグインを使用する
- 外部HTTPリクエストを削減する
- データベースリクエストを減らす
- WordPressデータベースの最適化
- パフォーマンスの問題を追跡するためにステージングサイトを使用する
- eコマースメールのオフロード
- より優れたコンバージョン率最適化ツールを使用する
- 動画チュートリアル
1. より良いeコマースホスティングプロバイダーを選択する
優れたeコマースホスティングプロバイダーがなければ、ウェブサイトに行ったすべてのeコマースパフォーマンス最適化はほとんど影響がありません。
すべてのWordPressホスティング会社が同じではありません。パフォーマンスを向上させるには、次のことを行うeコマースホスティングプロバイダーを選択する必要があります。
- Eコマースストアをホストするための安定した最新のプラットフォームを提供します。
- WordPress、WooCommerce、または使用したいその他のeコマースプラグイン用に最適化されています。
- 同社のサーバーは、速度とパフォーマンスのために最適化されています。これは、パフォーマンスを向上させるための組み込みキャッシュ、セキュリティ、その他の機能が含まれていることを意味します。
SiteGroundの使用をお勧めします。WPBeginnerはここでホストされており、公式に推奨されているWordPressホスティングプロバイダーの1つです。
SiteGroundサーバーはGoogle Cloud Platform上で動作しており、高いパフォーマンスで知られています。キャッシュが組み込まれており、この記事の後半で推奨する多くのパフォーマンスのヒントを自動的に実装する独自の最適化プラグインも備えています。
代替案をお探しの場合は、最高のWooCommerceホスティングプロバイダーのリストをご覧ください。
優れたホスティングサービスでeコマースストアをセットアップした後、パフォーマンスを向上させるために以下の最適化のヒントを実装できます。
2. WordPressキャッシュプラグインをインストールする
WooCommerceは動的なeコマースプラットフォームです。これは、すべての製品データがデータベースに保存され、ユーザーがウェブサイトにアクセスしたときに製品ページが生成されることを意味します。
これを行うには、WordPressは毎回同じプロセスを実行する必要があります。eコマースストアへの訪問者が同時に増えると、遅くなり、クラッシュすることさえあります。
キャッシュプラグインは、その問題を解決するのに役立ちます。
毎回ページを生成する代わりに、キャッシュプラグインはユーザーにHTMLページのキャッシュされたバージョンを表示します。これにより、サーバーリソースが解放され、より効率的に実行できるようになり、ウェブサイトの読み込み時間が改善されます。
いくつかの優れたWordPressキャッシュプラグインがあります。私たちは WP Rocket の使用をお勧めします。これは市場で 最高のWordPressキャッシュプラグイン であり、最も初心者向けの簡単な設定を備えています。
他のWordPressキャッシュソリューションとは異なり、WP Rocketはユーザーがページを訪問するのを待ってからキャッシュバージョンを生成するのではなく、ウェブサイトのキャッシュを自動的に準備し、最新の状態に保ちます。
WP Rocketの設定を適切に行うことで、Pingdom、GTMetrix、Google Pagespeed Insightsなどのスピードテストツールでほぼ完璧なスコアを簡単に取得できます。
詳細と手順については、WordPressでWP Rocketを適切にインストールしてセットアップする方法に関する記事をご覧ください。WordPressでWP Rocketをインストールしてセットアップする方法
SiteGroundやBluehostのようなトップWordPressホスティング会社も、独自のキャッシュソリューションを提供しています。
SiteGround SG Optimizer
SiteGround では、SG Optimizer プラグインを使用することで、eコマースストアで簡単にキャッシュを有効にできます。
このオールインワンパフォーマンスツールには、キャッシュ、パフォーマンスの微調整、WordPressでのWebP画像変換、データベース最適化、CSS圧縮、GZIP圧縮などが含まれます。
WordPressでSG Optimizerプラグインをインストールして有効化するだけです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、WordPress 管理サイドバーの SG Optimizer メニューをクリックしてプラグイン設定にアクセスします。ここから、ダイナミックキャッシュオプションをオンにする必要があります。
Bluehostでキャッシュをオンにする
同様に、Bluehostでは、WooCommerceの最適化のために組み込みのキャッシュシステムを使用することもできます。
Bluehostダッシュボードにログインし、**Webサイト**ページに移動するだけです。複数のサイトがある場合は、サイトを選択してから「スピード」タブに切り替えます。
ここから、トグルを使用してキャッシュ制御をオンにする必要があります。3つの異なるキャッシュレベルから選択することもできます。Bluehostは、eコマースサイトには「Assets Only」レベルを推奨しています。
3. 最新のPHPバージョンを使用する
WordPressとWooCommerceは、どちらも主にPHPプログラミング言語で書かれています。
新しいバージョンごとに、PHPはパフォーマンスが向上し、より高速になります。また、ウェブサイトの安定性と速度を損なう可能性のあるバグを修正し、セキュリティの問題をパッチします。
これが、常に最新の PHP バージョンを使用すべき理由です。
EコマースストアのPHPバージョンは、WordPressダッシュボードのツール » サイトヘルスにアクセスし、「情報」タブに切り替えることで確認できます。
ここから、「サーバー」セクションをクリックして展開する必要があります。
サーバーで使用されているPHPのバージョンを確認できます。
ウェブサイトがPHP 8.0未満のバージョンで実行されている場合は、ホスティングプロバイダーに連絡して更新を依頼してください。
詳細については、PHPアップデートがウェブサイトに与える影響に関する記事をご覧ください。
注意: SiteGround のような一部のマネージド WordPress ホスティング会社は、全体的なサーバー応答時間を改善するために独自の超高速 PHP を構築しています。その他は、顧客が eコマースの速度を向上させるために PHP FastCGI を使用しています。
4. 最新バージョンのWordPressとWooCommerceを使用する
WordPressおよびWooCommerceの開発者は、各開発サイクルでパフォーマンスを向上させるためにかなりの時間を費やしています。これにより、両方のアプリがより効率的に実行され、サーバーサイドのリソースの使用量が少なくなります。
また、新しいバージョンごとにバグが修正され、セキュリティが強化されるため、eコマースビジネスにとって非常に重要です。
ストアのオーナーとして、WordPress、WooCommerce、その他のプラグイン、およびWordPressテーマの最新バージョンを使用していることを確認する責任があります。
ダッシュボード » 更新 ページにアクセスするだけで、利用可能なすべてのアップデートをインストールできます。
関連: WordPressをeコマースに利用するメリットとデメリットに関するガイドをご覧ください。
5. パフォーマンスのために商品画像を最適化する
商品画像は、オンラインストアにとって最も視覚的に重要な要素の1つです。優れた商品画像は、潜在顧客の関心を引きつけ、販売コンバージョンを向上させるのに役立ちます。
このため、高品質な商品画像を追加することが重要です。ただし、大きな画像ファイルサイズが適切に最適化されていることを確認する必要があります。
品質を損なうことなくWeb用に製品画像を最適化するには、2つの方法があります。
まず、各製品画像をウェブサイトにアップロードする前に、コンピューター上で最適化できます。これには、Adobe Photoshop、Affinity、またはGIMPのような画像編集ソフトウェアが必要です。
そのほとんどには、画像をWeb用にエクスポートするオプションがあります。アップロード用に保存する前に、画像の品質を調整することもできます。
または、WordPress用の画像圧縮プラグインを使用することもできます。これらのプラグインは、サイトのパフォーマンスを向上させるために、商品画像のサイズを自動的に最適化します。
画像圧縮以外にも、選択する画像ファイル形式が役立つ場合があります。たとえば、JPEGは多くの色を含む画像に適した形式であり、PNG画像は透明な画像に適しています。
6. DNSレベルのウェブサイトファイアウォールを使用する
総当たり攻撃やDDoS攻撃は一般的なインターネットの迷惑行為です。基本的に、ハッカーは侵入、データの盗難、またはマルウェアのインストールを試みるためにサーバーを過負荷にしようとします。
ほとんどのホスティング会社は、そのような攻撃からウェブサイトを保護する基本的な安全対策を講じています。しかし、これらの攻撃の欠点の一つは、ウェブサイトの読み込みが非常に遅くなることです。
ここでWebアプリケーションファイアウォール（WAF）が必要になります。
現在、一般的なWordPressファイアウォールプラグインは、独自のWebサーバーで実行されます。これにより、サーバーに到達するまで不正な攻撃をブロックできないため、効率が少し低下します。
一方、DNSレベルのファイアウォールは、クラウドでウェブサイトのトラフィックをフィルタリングし、ウェブサイトに到達する前に疑わしい攻撃をブロックすることができます。
Sucuri の使用をお勧めします。これは包括的なセキュリティスイートを備えた最高のWordPressファイアウォールプラグインです。
Sucuri には強力な CDN（コンテンツデリバリーネットワーク） も付属しています。CDN は、ウェブサイトの静的コンテンツ（画像、スタイルシート、JavaScript）をグローバルなサーバーネットワークから配信します。これにより、サーバーの負荷がさらに軽減され、サイト全体の読み込み時間が改善されます。
無料のオプションを探している場合は、Cloudflare無料CDNが基本的なDNSファイアウォール保護を提供します。現在、WPBeginnerで使用しています。
7. より良いWordPressテーマを選択する
WordPressテーマはeコマースストアの外観を制御します。しかし、すべてがパフォーマンス用に最適化されているわけではなく、多くの場合、過剰なノイズが追加され、ウェブサイトが遅くなります。
eコマースストア用のWordPressテーマを選択する際には、機能性と速度のバランスを見つける必要があります。スライダー、カルーセル、Webフォント、アイコンフォントなどのテーマ機能は、ウェブサイトを遅くする可能性があります。
シンプルなテーマを選択し、必要な機能を追加するためにプラグインを使用することをお勧めします。これにより、オンラインストアのパフォーマンスと外観の両方をより細かく制御できます。
StudioPress、Elegant Themes、Astra による WordPress テーマはすべてパフォーマンスが最適化されています。より個別のテーマのおすすめについては、WordPress 用の最高の WooCommerce テーマに関する専門家による選び方をご覧ください。
8. より良いWordPressプラグインを使用する
WordPress初心者からよく寄せられる質問の1つは、パフォーマンスに影響を与えることなく、ストアでいくつのプラグインを使用できるかということです。
答えは好きなだけです。WPBeginnerには62個のプラグインがインストールされていますが、当社のサイトは依然として0.5秒未満で読み込まれます。
プラグインの総数はオンラインストアのパフォーマンスに影響しません。影響するのはコードの品質です。
コードの悪いWordPressプラグイン1つでも、多くのスクリプトやスタイルシートを読み込み、ページ読み込み速度に影響を与える可能性があります。
一方、適切にコーディングされたプラグインは、パフォーマンスへの影響を最小限に抑えるために、標準的なベストプラクティスを使用します。インストール前後にプラグインのパフォーマンスへの影響をテストすることをお勧めします。
また、オンラインストアのほとんどで使用されている必須のWooCommerceプラグインを厳選した、必須のWooCommerceプラグインのリストも維持しています。
例えば、SeedProd のドラッグ＆ドロップ式ランディングページビルダーは、コードを書かずに非常に高速なECサイトのランディングページを作成するのに役立ちます。
このトピックの詳細については、最適なWordPressプラグインの選び方に関するガイドをご覧ください。オンラインストアに最適なWordPressプラグインを評価し、適切なものを選択するためのステップバイステップの手順が記載されています。
9. 外部HTTPリクエストを削減する
通常のeコマースページにはいくつかのコンポーネントが含まれています。たとえば、画像、CSSおよびJavaScriptファイル、動画埋め込みなどがあります。
各コンポーネントは、サーバーへのHTTPリクエストを行うことによって、ユーザーのブラウザによって個別に読み込まれます。HTTPリクエストが多いほど、ページの読み込み時間が長くなります。
サーバーは、Google Analytics、ソーシャルメディアのリターゲティング、その他のサービスといったサードパーティ製のツールやサービスから情報を取得している場合もあります。これらは外部HTTPリクエストと呼ばれます。通常のウェブページ読み込みでは、これらが完了するのにさらに時間がかかることがあります。
これらのスクリプトをWordPressウェブサイトに含めることは問題ありませんが、ウェブサイトのパフォーマンスに影響を与えている場合は、それらを削減することを検討する必要があります。
外部HTTPリクエストは、ウェブサイトにアクセスし、ブラウザで「検証」ツールを開くことで表示できます。ここから、ソース » ページタブに切り替えると、すべての外部HTTPリクエストが表示されます。
10. データベースリクエストを減らす
WordPressとWooCommerceは、多くのコンテンツや設定を保存するためにデータベースを使用します。WordPressのテーマやプラグインも、その情報を取得して画面に表示するためにデータベースクエリを実行します。
データベースクエリは非常に高速で、ウェブサイトはわずか数ミリ秒で数百ものクエリを実行できます。しかし、ウェブサイトがトラフィックの急増を処理している場合、これらのクエリはページの読み込み時間を遅くする可能性があります。
WordPressでは、Query Monitorのようなプラグインを使用してデータベースの呼び出しを確認できます。有効化すると、プラグインはクエリモニターメニューをWordPress管理バーに追加します。
ただし、これらのリクエストを最小限に抑えることは、初心者レベルのユーザーには不可能かもしれません。たとえば、データベース呼び出しを減らすためにWordPressテーマを変更する必要がある場合があります。
WordPressテーマファイルを編集したり、コードをデバッグしたりすることに慣れている場合は、回避できるデータベース呼び出しを探すことができます。
必要に応じて、他のユーザーはより優れたWordPressテーマや代替プラグインを探して、データベース呼び出しを減らすことができます。
11. WordPressデータベースの最適化
時間が経つにつれて、WordPressデータベースは、もはや必要ない情報で肥大化する可能性があります。
この乱雑さは、データベースクエリ、バックアッププロセス、およびWordPress全体のパフォーマンスを低下させる可能性があります。時々、不要な情報を整理するためにWordPressデータベースを最適化することが重要です。
WP Sweep プラグインをインストールして有効化するだけです。有効化したら、ツール » クリーンアップ にアクセスしてWordPressデータベースを整理してください。
このトピックの詳細については、スピードとパフォーマンスを向上させるためのWordPressデータベースの最適化方法に関する記事をご覧ください。
12. パフォーマンスの問題を追跡するためにステージングサイトを使用する
稼働中のeコマースストアに変更を加えると問題が発生する可能性があります。たとえば、顧客が注文を失ったり、セールイベント中にサイトがダウンしたりする可能性があります。
ステージングサイトを使用すると、ライブストアに影響を与えることなく、パフォーマンス最適化のヒント、新しいプラグイン、またはテーマを簡単に試すことができます。
基本的に、ステージングサイトとは、変更を公開する前にテストするために使用されるライブウェブサイトのクローンです。
多くの人気のWordPressホスティング会社は、1クリックでステージングサイトをセットアップできます。セットアップが完了したら、変更を試してページ読み込み速度とパフォーマンスを追跡できます。
これらの変更を実装する準備ができたら、ステージングサイトをライブバージョンに簡単にデプロイできます。
手順については、WordPressのステージングサイトの作成方法に関するチュートリアルをご覧ください。
13. eコマースメールのオフロード
電子メールはeコマースストアにおいて非常に重要な役割を果たします。注文確認、請求書、パスワードリセットメール、セールスおよびマーケティングメッセージなどの配信に使用されます。
しかし、多くの初心者はこれを認識しておらず、ホスティングプロバイダーの限定的な電子メール機能を使用してeコマースメールを送信しています。
ほとんどのホスティング会社は、デフォルトのWordPressメール機能をサポートしていません。スパムや悪用を防ぐために無効にしている会社もあります。
これが、WP Mail SMTP プラグインとともに、専用のSMTPメールサービスプロバイダーを使用する必要がある理由です。これらの企業は、大量のメール送信を専門とし、配信率を高めることで、メールが迷惑メールフォルダに届かないようにします。
トランザクションメール用の最高のSMTPサービスプロバイダーの1つであるSendLayerの使用をお勧めします。
SendLayerはセットアップが簡単で、WooCommerceやすべての主要なWordPressお問い合わせフォームプラグインと連携します。さらに、最大50,000通のメールを30日間無料で試すことができます。
他のサービスを確認したい場合は、SMTP.com、Brevo (旧Sendinblue)、またはMailgunを確認できます。
14. より優れたコンバージョン率最適化ツールを使用する
eコマースウェブサイトに関しては、コンバージョン率最適化（CRO）は売上を増加させるために重要です。
一般的なオンラインストアには、コンバージョンを向上させるための多くの動的な要素があります。たとえば、ホームページの送料無料バー、ウェブサイトヘッダーのブラックフライデーセールカウントダウンタイマー、チェックアウトページでの離脱インテントポップアップ、またはカート放棄を減らすためのモバイルサイトでのスピンホイールゲーム化などです。
多くの場合、店舗オーナーや小売業者は、これらの動的な要素を追加するために、ツールとプラグインを組み合わせて使用します。課題は、それらすべてが速度のために適切に最適化されているわけではないことです。
このため、複数の外部スクリプトを読み込まないように、1つのプラットフォームで多くの機能を提供するコンバージョン最適化ツールを選択することが重要です。
以下は、当社のeコマースウェブサイトで使用している一般的なコンバージョン最適化ツールのリストです。
- OptinMonster – 最も強力なコンバージョン最適化ツールキットで、パーソナライズされたポップアップ、ゲーミフィケーションキャンペーン、フローティングバーなどを作成できます。
- LiveChat.com – 最高のライブチャットソフトウェア。WooCommerceとShopifyの両方に対応するChatBot自動化ソフトウェアも提供しています。
- TrustPulse – 市場で最も優れたソーシャルプルーフソフトウェアで、速度が最適化されています。これを使用して、サイトを遅くすることなく、リアルタイムのユーザーアクティビティを表示できます。
分析およびA/Bテストツールに関しては、絶対に必要ないものは使用しないことをお勧めします。
たとえば、新しいランディングページやウェブサイトのデザインを立ち上げる場合は、ヒートマップ分析を実行することが重要です。ただし、短い分析期間の後、ウェブサイトの速度を低下させないようにヒートマップを無効にすることをお勧めします。
同様に、A/Bテストツールの場合、ウェブサイトのすべてのページでそれらのスクリプトを実行する必要はありません。A/Bテストスクリプトを特定のページに選択的に読み込むことができ、テストが終了したらスクリプトを削除することを忘れないでください。
動画チュートリアル
この記事がEコマースウェブサイトの速度向上に役立ったことを願っています。WordPressセキュリティハンドブックや、完全なWordPress Eコマースセットアップガイドも参照してください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
ウェブサイトの速度は永遠のテーマであり、WordPressとWooCommerceを使用しているほとんどすべての人がそれに対処しています。遅いウェブサイトを望む人はいません。このチュートリアルをありがとうございます。すべてのポイントをステップバイステップで確認し、不足していたものを適用しました。私にとって最も役立ったのは、CDNとキャッシュ用のWP Rocketでした。そこで速度が大幅に向上したことに気づきました。WP Rocketはローカルページの速度を処理し、CDNは世界中への高速配信を保証しました。私にとって、これらは速度を劇的に向上させることができる2つの重要なポイントです。チュートリアルのおかげで、MySQLとPHPのバージョンも確認し、ウェブホスティングプロバイダーに最新バージョンにアップグレードするように依頼しました。
kzain
この記事の中で、あなたのサイトのパフォーマンスに最も影響を与えた特定のメソッドに気づきましたか？
CDNの使用やその他のアプローチが、あなたのサイトの速度に大きな違いをもたらしたかどうか、興味があります。
WPBeginnerサポート
CDNは通常、サイトがホストされている場所と訪問者の距離が離れている場合にサイトに最も役立ちます。それ以外の場合は、サイトの設定方法によって最適な手順が決まります。
管理者
イジー・ヴァネック
チュートリアルで言及されているほとんどすべての項目を確認することが重要です。私の経験では、スピードアップに最も役立った4つのことは次のとおりです。高速な影響を与えた高品質のキャッシュプラグイン（WP Rocketを使用しています）。海外からのユーザーにコンテンツをより速く配信し始めたCDN（CloudFlareのCDNを使用しています）。PHPバージョンを現在の8.3にアップグレードすること、およびMySQLサーバーバージョンをアップグレードすること。現在のPHPはより最適に、はるかに高速に動作するようです。MySQLも同様です。したがって、私にとってこれら4つのことは重要ですが、もちろん、他の側面が重要でないという意味ではありません。