WooCommerceストアを高速化する14の方法

遅いWooCommerceストアは、カート放棄の増加から顧客ロイヤルティの喪失まで、さまざまな形でコストがかかる可能性があります。Unbounceによると、消費者のほぼ70%が、ページの速度がオンラインストアでの購入意欲に影響すると述べています。ここでの問題は、速度が多くの要因に依存し、その改善には多くの時間と労力が必要になる場合があることです。

Portentによると、ウェブサイトのコンバージョン率は、ページの読み込みに0秒から5秒かかるごとに平均4.42%減少し、読み込み時間が0秒から2秒のページが最も高いeコマースコンバージョン率を示します。

ウェブサイトの読み込み速度が2〜3秒を超える場合、この記事はあなたが必要とするものです。ここでは、eコマースウェブサイトのパフォーマンスを測定し、改善するためのいくつかの実証済みのヒントを見つけることができます。

なぜスピードが重要なのか？

ウェブサイトの速度は、WooCommerceストアを含むあらゆるオンライン事業の成功にとって、いくつかの理由で重要な要素です。

ユーザーエクスペリエンス：

インターネットユーザーは一般的に注意力が短いです。読み込み時間が遅いと、ウェブサイトが完全に読み込まれる前に訪問者が離脱する可能性があります。一方、高速なウェブサイトはナビゲーションを容易にし、ユーザーがより多くのページを探索し、より長く滞在することを奨励します。

SEOとランキング：

ページ速度は、Googleにとって最も重要なランキング要因の1つです。Largest Contentful Paint (LCP)、First Input Delay (FID)、Cumulative Layout Shift (CLS)などのメトリクスは、Googleのランキング要因の一部です。高速なウェブサイトは、検索エンジンでより高い順位にランク付けされる可能性が高くなります。モバイル検索の台頭に伴い、モバイルページの速度もSEOに大きな影響を与えます。

コスト効率：

最適化された高速なウェブサイトは、一般的に帯域幅の消費が少なく、ホスティングコストが低くなる可能性があります。高速なサイトは、維持にかかる時間と労力も少なくて済みます。

モバイルユーザー：

接続速度が遅い可能性のあるモバイルデバイス経由でサイトにアクセスするユーザーが増えるにつれて、最適化されたウェブサイトの速度はさらに重要になります。読み込みが遅いと、モバイルデバイスではさらに問題となり、離脱率が高くなる可能性があります。

グローバルリーチ：

インターネット速度が異なるさまざまな地域のユーザーは、ウェブサイトが速度のために最適化されていれば、一貫した体験を得ることができます。グローバルなオーディエンスを目指し、コンテンツデリバリーネットワーク（CDN）を使用してローカライズされたコンテンツを提供している場合、高速なウェブサイトは有益です。

現在のストア速度を評価する方法は？

改善プロセスを開始する前に、現在の状況を判断し、現在のストア速度とサイトを遅くしている可能性のある問題を特定する必要があります。WooCommerceサイトの速度を評価するために使用できるいくつかの方法とツールを以下に示します。

直接テストツール

これらのツールは、世界中のさまざまな場所からウェブサイトを読み込み、さまざまなデバイスと接続速度をシミュレートすることで、ウェブサイトのパフォーマンスを直接テストします。

• Google PageSpeed Insights：モバイルとデスクトップの両方の速度に関する洞察を提供します。また、WooCommerceの最適化の提案も行います。
• GTmetrix：ウォーターフォールチャート、推奨事項、さまざまなスコアを含む詳細な分析を実行します。
• WebPageTest：速度指数、最初のバイトまでの時間など、詳細な情報を提供します。

ブラウザ開発者ツール

最新のブラウザに組み込まれているこれらのソリューションにより、開発者はウェブサイトを検査、デバッグ、プロファイリングできます。

• Chrome DevTools：ネットワークタブとパフォーマンスタブを使用してサイトの速度を分析します。
• Firefox Developer Tools：これらのツールを使用すると、開発者はWebページを検査、デバッグ、プロファイリングでき、Webサイトの動作と構造を理解するのに役立ちます。

サーバーサイドツール

これらのツールは、フロントエンドテストツールでは明らかにならない可能性のあるサーバーサイドの問題を特定するのに役立ちます。

• New Relic：サーバーのパフォーマンスを深く掘り下げ、バックエンドのボトルネックを発見するのに適しています。
• ログ分析：サーバーログを分析して問題を特定します。

プラグインベースのチェック

プラグインは、WordPress管理エリア内から直接、WooCommerceストアのパフォーマンスのさまざまな側面を監視するための便利で強力な方法を提供できます。以下にいくつかの人気のあるプラグインベースのアプローチを示します。

• Query Monitor：どのクエリがウェブサイトを遅くしているかを確認するためのWordPressプラグイン。
• WP Debugging：WordPressのデバッグ機能を有効にして問題を確認します。

リアルユーザーモニタリング

リアルユーザーモニタリング（RUM）は、ウェブサイトまたはアプリケーションのユーザーによる各トランザクションをキャプチャして分析するパフォーマンス監視アプローチです。ユーザーの行動をシミュレートする合成モニタリング方法とは異なり、RUMは実際のユーザーのサイトとのインタラクションからデータを収集します。

通常、ウェブサイトに小さなJavaScriptコードを追加し、それがパフォーマンスデータを収集して分析のためにサーバーに送信します。これがほとんどのRUMツールの仕組みですが、具体的な実装の詳細は異なる場合があります。RUMに役立つツールには、New Relic Browser、Boomerang、Akamai mPulseなどがあります。

WooCommerceストアの速度を向上させる14の方法

現在の読み込み速度とそこにある問題がわかったので、最適化戦略を構築できます。優れたWooCommerceストアの速度を達成するには、おそらくウェブサイトのいくつかの側面を修正する必要があることに注意してください。また、速度は最終的に遅くなる可能性があるため、時々速度を監視する必要があります。サイトのパフォーマンスを向上させる方法に関するいくつかのアドバイスを以下に示します。

信頼できるホスティングを見つける

間違った選択は不満なクライアントと失われたビジネスにつながる可能性がありますが、理想的なWooCommerceウェブホスティングサービスは、完璧なパフォーマンス、高速な読み込み時間、一貫した稼働時間を保証できます。

各ホスティングタイプは、さまざまな価格帯のさまざまなプランで提供される場合があります。したがって、価格帯内のホスティングプロバイダーを探す際には、サーバーサイドのキャッシュ、サイトの需要に応じた十分な帯域幅とRAM、高性能SSDストレージ、PHPやMySQLなどの更新されたソフトウェアなどの機能を考慮してください。

共有ホスティングプランを利用している場合、何百ものウェブサイトが同じサーバーとそのリソースを使用していることを意味します。各サーバーで許可されるウェブサイトの数を制限するホストを選択するか、VPSまたは専用プランへのアップグレードを検討してください。

パフォーマンス設定を最適化する

まず、ログインページのURLを変更します。ログインURLは通常デフォルトで、ハッカーを含む誰にでも知られているため、ウェブサイトが攻撃に対して脆弱になります。

ログインURLを独自のものに変更することで、悪意のある攻撃者のブルートフォース攻撃を回避できます。また、レート制限HTTPの問題を防ぐためにも使用できます。

eコマースウェブサイトにブログもある場合は、ブログフィードに表示されるエントリの量を制限します。人気のあるブログを運営している場合、パフォーマンスの節約は積み重なります。これらの調整は、WordPressダッシュボードの表示設定で行うことができます。

公式WordPressウェブサイトで撮影されたスクリーンショット

次に、ウェブサイトでピングバックをオフにします。通常、それらはスパムを生成します。WordPressはまた、記事やページにユーザーからのコメントが多い場合に、大きなユーザーコメントを小さな部分に分割する機能も提供します。商品ページの読み込み時間を短縮するために、この値を10から20の間に維持してください。

プラグインと拡張機能の使用を再検討する

WooCommerceには多数のプラグインがあり、無限の多様性を提供します。しかし、これはそれぞれをインストールする必要があるという意味ではありません。

多数のプラグインは、ウェブサイト上のJavascriptまたはCSSファイルの量を増やし、サーバーがより多くのHTTPリクエストを受信することになり、会社の業務を遅くします。さらに、プラグインが多いほどサーバーリソースの使用量が増え、読み込み時間が遅くなります。

使用するプラグインの数ではなく、その品質が重要です。多くのタスクを実行できるプラグインを選択し、レビューを読んでパフォーマンスについて学び、頻繁に更新されていることを確認し、信頼できるソースからオプションをインストールしてください。

高速なEコマーステーマを入手する

多くの場合、eコマーステーマを選択する際、ウェブサイトデザイナーはページの読み込み速度を考慮せずに美学を選択します。その結果、フロントエンドの外観がページの読み込み速度よりも優先されることがよくあります。

読み込み時間を最適化するには、軽量でパフォーマンスが最適化されたWooCommerceテーマを選択してください。テーマがレスポンシブで、クリーンなコードベースを持っていることを確認してください。

また、多くのテーマでは使用していない要素を無効にできることも覚えておいてください。テーマが高速に読み込まれるかどうかを判断するには、速度ツールを使用してデモページをテストするか、ユーザーが残したレビューを閲覧してみてください。

画像を圧縮する

大きな画像を使用するとページの読み込み速度が大幅に遅くなるため、ウェブサイトに投稿する前に画像を縮小することが不可欠です。Photoshop、GIMP、Figmaなどのソフトウェアを使用して、ウェブサイトに適したサイズに画像をスケーリングします。

圧縮によって、品質を損なうことなく写真のファイルサイズを小さくすることができます。適切な形式を選択してください。画像に半透明の背景がない限り、通常は小さいJPEG画像がアップロードに最適です。サイズに注意してください。2000ピクセルの画像をアップロードしても、幅がわずか500ピクセルの場所には収まりません。処理後に画像を圧縮します。画像圧縮ツールは、余分なデータやメタデータを削除することでファイルサイズを縮小します。

遅延読み込みを実装する

遅延読み込みとして知られる機能は、サイト訪問者がページ上の画像が表示される場所までスクロールするまで画像の読み込みを防ぎます。その結果、顧客はメディアが読み込まれるのを待つ必要がなく、コンテンツを見ることができます。ウェブサイトに多くの写真がある場合、この戦略はストアの読み込み時間を大幅に短縮できます。

WordPressプラグインを使用して、WooCommerceストアに遅延読み込みをインストールできます。プラグインは、ウェブサイトが最初に開くのにかかる時間を短縮します。

CDN経由で静的リソースを配信する

コンテンツデリバリーネットワーク（CDN）は、世界中に戦略的に配置されたサーバーネットワークです。これらのサーバーサイトの名前はPoints of Presence（PoP）です。画像、JavaScript、CSSなどの静的リソースをキャッシュして配信することがCDNの主な役割です。

ウェブサイトが非常に高速なサーバーでホストされていても、その場所は依然として影響を与えます。CDNは、各ユーザーとサイトのリソースとの間の距離を短縮するため、ネットワーク遅延と最初のバイトまでの時間（TTFB）の両方が減少します。

リクエストの発生源に基づいて、キャッシュされたリソースを提供するために最も近いCDN PoPを自動的に選択します。多くのCDNは、キャッシュに加えて、より優れたオンザフライの画像圧縮、HTTP/3サポート、ホットリンク防止、セキュリティ強化など、パフォーマンスを向上させる追加機能を提供します。

未使用のスクリプトとスタイルシートを削除する

WordPressのプラグインやテーマの大部分は、ウェブサイトの各ページにスクリプトやスタイルシートを読み込みます。ページ上で必要ない場合でも、これらのアイテムを読み込みます。

これらの不要な要素をウェブサイトから削除することで、ページの肥大化を減らし、WooCommerceのページの読み込みを高速化できます。これにより、新しいサイトのセットアップやスタッフの割り当てにかかる時間を節約できます。WooCommerceとその拡張機能は、この問題に対して脆弱です。

削除するものを特定するには、ウェブサイトの速度テスト結果のウォーターフォールチャートを見てください。余分なアセットを特定するのに役立ちます。

不要なスクリプトやスタイルを削除するには、wp_dequeue_scriptとwp_dequeue_styleを使用します。Asset CleanUp: Page Speed Boosterは、同じ目標を簡単に達成できるプラグインの1つです。

公式WordPressウェブサイトで撮影されたスクリーンショット

キャッシュを利用する

キャッシュは、1つのリクエストからのリソースを一時的に保存することで、将来のリクエストを迅速に処理できるようにするものです。キャッシュはサーバーとユーザーのデバイスの両方で保持できます。

ユーザーがウェブサイトをリクエストすると、DNSサーバーがホスティングサーバーからウェブページを取得し、ウェブサーバー上のアプリがスクリプトを実行し、データベースを検索してウェブページを生成し、それがブラウザによってレンダリングされてユーザーに表示されます。何千人もの訪問者が一度に複数のリクエストを行うと、サーバーに多大な負荷がかかり、ページの読み込みが遅くなります。

この状況でキャッシュが役立ちます。ページビューを生成するために必要な作業を減らし、WordPressのPHPとデータベースへの依存を減らします。WordPressは、静的なウェブページとほぼ同じ速さで、あるいはまったく同じ速さで動作します。

サーバーサイドキャッシュとブラウザキャッシュは、オンラインキャッシュの2つの主要なカテゴリであり、それぞれにさまざまなサブカテゴリがあります。

リビジョンを制限する

WooCommerceは、商品ページで標準のリビジョンチェックを提供しており、ページに加えられた変更を遡って確認できます。変更は有利に見えるかもしれませんが、時にはWooCommerceのパフォーマンスの問題を引き起こす可能性があります。

たとえば、ページを作成して何度も編集し、毎回1つの要素を追加または削除するとします。変更はわずかですが、変更を加えた回数だけ元のページの複製ができます。WooCommerceのパフォーマンスは、最終的にこれによって損なわれ、徐々に悪化する可能性があります。

リビジョンを制限/無効にするには、ウェブサイトのルートにあるwp-config.phpファイルに特定の調整を行う必要があります。

データベースをクリーンアップする

ユーザーがウェブサイトに入るたびに、彼らはウェブサイトのコンテンツをリクエストしますが、これは主に静的なものです。しかし、注文をするときには動的なリクエストを行います。

ストアのデータベースが最適化されていない場合、これらのクエリの処理に時間がかかりすぎる可能性があります。サーバーの応答時間が遅いと、最終的にウェブサイトが遅くなります。そのため、データベースをクリーンアップして最適化するために、不要なゴミを削除する必要があります。

データベースの最適化にはいくつかのアプローチがあります。

• 古いリビジョンを取り除く。WooCommerceストアがしばらくオンラインになっている場合、そのページ、記事、商品は古い変更でいっぱいになります。それらを整理する時が来ました。最も簡単な方法は、WP-SweepやWP Rocketなどのプラグインを使用することです。
  
• 期限切れのトランジェントを削除する。障害のある一時キャッシュが、見かけ上終わりがない100万を超える不要なエントリを生成することがあります。時間が経つにつれて、顧客セッションが蓄積され、データベーステーブルに何千もの追加エントリが追加される可能性があります。肥大化したデータベースは、そのような状況でウェブサイトをダウンさせる可能性があります。無料のDelete Expired Transientsプラグインを使用すると、すべての期限切れのトランジェントを簡単に削除できます。

公式WordPress ウェブサイトで撮影されたスクリーンショット

• データベーステーブルをクリーンアップする。eコマースビジネスを運営するために必要なすべてがWooCommerceデータベースに保存されています。データがテーブルに追加されたり移動されたりすると、データベースは非効率になり、最終的には多くの重要でないデータを保持することになります。この余分な情報を取り除くために、データベーステーブルをクリーンアップすることが不可欠です。
  
• 重要ではないがデータベースに負荷をかける機能を無効にする。WooCommerceのテーマやプラグインには、最初は素晴らしく見えるが、最終的にはデータベースを破壊する多くの巧妙な機能があります。その一例が、ウェブサイトをホストする同じサーバーで画像を圧縮する画像圧縮プラグインです。ビュー、コメントなどのカウンターをウェブサイトに追加するプラグインも避けるべきです。

モバイル最適化を実行する

Oberloによると、買い物客の60%が、モバイル経由でのショッピングのオプションがブランド選択の重要な基準であると述べています。したがって、モバイル最適化は絶対に不可欠です。

レスポンシブテーマを使用することは、WordPressウェブサイトをモバイルデバイスに適応させる最も簡単なアプローチです。モバイル顧客は無限にスクロールすることを好まないため、ストアページはできるだけシンプルに保ちます。情報で彼らを圧倒しないでください。

ビジネスに多くの商品が表示されている場合は、ライブ商品フィルターを提供することで、モバイル顧客が商品を検索しやすくします。WooCommerce Product Searchプラグインのインストールを検討してください。

ChromeのLighthouseツールまたはGoogleのモバイルフレンドリーテストツールを使用して、ウェブサイトが必要なモバイルユーザビリティガイドラインを満たしているかどうかを確認します。

リダイレクトを最小限に抑える

ストアのページへのリンクをクリックするたびに、サーバーはリダイレクトとして記録します。基本的に、サーバーはユーザーを適切なページに誘導する必要があります。これには数秒しかかかりませんが、顧客はそれを長い時間と感じる可能性があり、ストアの直帰率に直接影響します。

ウェブサイトに多くのリダイレクトがある場合、サーバーリソースを使い果たし、最終ページに到達するまでの時間を延長しています。その結果、リダイレクトを削減することは、実証済みのWooCommerce最適化アプローチであるため、ページ読み込み時間の大幅な増加につながります。

PHPバージョンを更新し、メモリ制限を増やす

各PHPアップデートは、以前のバージョンよりも高速です。使用するPHPバージョンはホストによって決定され、通常はホスティングコントロールパネルで変更できます。ただし、具体的な手順はプロバイダーによって異なる場合があります。または、カスタマーサービスに依頼して代行してもらうこともできます。PHPバージョンを更新する前に、完全なウェブサイトのバックアップを作成し、すべてが正しく機能することを確認するためにテストしてください。

ホスティング会社は、ウェブサイトに特定の量のメモリを割り当てています。ただし、特定のサイトによっては、その上限を超える場合があります。ホスティングコントロールパネルで制限を変更できない場合は、いつでもホスティング会社に連絡できます。PHPは、デフォルトでWordPressから32MBのメモリ割り当てを受け取ります。問題が発生した場合、自動的にこの制限を40MBまたは64MBに引き上げようとします。この制限は、通常、WooCommerceサイトには十分ではありません。この上限を256MBに引き上げることをお勧めします。

最後に

上記の方法を使用すると、基本的な設定調整から高度なサーバーサイドソリューションまで、WooCommerceストアの速度を劇的に向上させることができます。これらのテクニックは、ウェブサイトの速度を向上させるためのものであり、サイトのパフォーマンスを向上させるだけでなく、維持するための継続的な戦略の一部を形成する必要があります。

最終的に、速度の最適化は一度きりのタスクではなく、継続的な取り組みです。さまざまなツールや方法を使用してウェブサイトの速度を定期的に監視することで、WooCommerceの最適化の取り組みがどれだけうまく機能しているかについて貴重な洞察を得ることができます。