WooCommerceストアのパフォーマンスを最適化する5つの方法
公開: 2018-07-24成功するオンラインストアには、多くの共通要素がある傾向があります。 彼らは通常、優れた顧客サポート、ユーザーフレンドリーなデザイン、競争力のある価格を備えており、超高速になる傾向があります。 読み込みの遅いストアは通常、それほど多くの支持を得られないため、WooCommerceストアのパフォーマンスを最適化する方法を学ぶことが重要です。
WooCommerceユーザーの場合、ストアのパフォーマンスを向上させる余地はたくさんあります。 この記事では、eコマースサイトをスムーズに運営することが重要である理由を説明し、パフォーマンスを向上させるためにWooCommerceストアを最適化する6つの方法を説明します。
仕事に取り掛かろう！
WooCommerceストアのパフォーマンスが重要である理由
主要なウェブペットのおしっこを尋ねる調査を実施した場合、クリックベイトのタイトル、邪魔なポップアップ、読み込みの遅いページが上部にあることを賭けます。 ほとんどの訪問者は、遅いWebサイトに対してほとんど忍耐力がないことで有名です。 つまり、ページの読み込みに時間がかかるほど、ユーザーが他の場所を探す可能性が高くなります。
eコマースストアの場合、読み込み時間が遅いためにトラフィックが失われると、収益に影響します。 2012年、Amazonは、読み込み時間が1秒増えると、毎年16億ドルもの費用がかかると見積もっています。 ただし、おそらく1日あたりの売上が同じではないため、すべてのドルがより重要になります。
過去に、パフォーマンスを向上させるためにWordPressを最適化する方法について何度か話しました。 ただし、この記事では、WooCommerceサイトを具体的に改善する方法に焦点を当てます。
WooCommerceストアのパフォーマンスを最適化する5つの方法
もちろん、WooCommerceストアはまだWordPressのウェブサイトです。 ただし、ストアの運営は他のニッチとは異なります。 これを踏まえて、eコマースストアフロントに焦点を当てて、読み込み時間を1ミリ秒ごとに短縮する方法を見てみましょう。
1.商品画像の圧縮とサイズ変更
画像は現代のウェブサイトの重要な要素ですが、オンラインストアにとってはさらに重要です。 顧客はオンラインで製品を購入するための非常に多くのオプションを持っており、あらゆるエッジを活用することが不可欠です。 高品質のショット（一例）は、他のeコマースサイトとの差別化に役立ちます。
ただし、詳細な製品写真は大きなファイルサイズを意味します。 製品ごとに複数の画像を含めると、全体的なファイルサイズも大きくなります。 このため、フロントエンドの品質に影響を与えることなく、ファイルサイズと読み込み時間の両方を削減するために、製品イメージを「圧縮」することが重要です。 これに対する優れたソリューションはTinyPNGです。
ただし、画像の多いサイトがある場合は、WPSmushなどのプラグインを使用してプロセスを自動化する方が理にかなっています。 このソリューションは、ユーザーフレンドリーなインターフェイスと組み込みの画像サイズ変更機能により優れています。
プラグインをインストールしてアクティブ化すると、クイックセットアップウィンドウが表示されます。
画像圧縮機能がデフォルトでオンになっていることに気付くでしょう。 ただし、[フルサイズの画像のサイズを変更する]オプションをオンにすることもできます。
この機能により、アップロードする画像のサイズが不必要に大きくならないようにします。 たとえば、サイト全体に小さい画像しか表示されない場合、フル解像度の画像を表示しても意味がありません。 このオプションを有効にすると、ファイルサイズがさらに小さくなり、読み込み時間が短縮されます。 もちろん、WooCommerce製品の画像に最適な解像度を試してみる必要がありますが、この機能は有効のままにしてください。
理想的には、ストアを立ち上げたらすぐに画像最適化プラグインを設定します。 サイトのすべての画像をまだ最適化していない場合は、 BULK SMUSH機能（WordPressの[ Smush ]タブにあります）を使用すると、これを効率的に行うことができます。
ただし、プラグインの無料バージョンの主な欠点は、1MBのファイルサイズ制限です。 ただし、ほとんどの同様のプラグインには見られない、無制限の数の画像を最適化することができます。 これよりも重い画像を定期的に扱っている場合は、プレミアム画像最適化プラグインに投資することをお勧めします。
2.データベースを定期的にクリーンアップします
ご存知かもしれませんが、WordPressサイト全体がデータベースに保存されています。 標準のWordPressWebサイトは、投稿の下書き、ゴミ箱に入れられたページ、削除されたコメントなど、時間の経過とともにデータを蓄積します。 WooCommerceサイトには、製品ページ、タグ、カテゴリなどのデータもあります。
最終的に、これは、他のタイプのWebサイトよりも頻繁にデータベースをクリーンアップする必要がある可能性があることを意味します。 奇跡を期待するべきではありませんが、すべての最適化手法が役立ちます。
幸いなことに、選択できるデータベース最適化プラグインはたくさんあります。 人気のある選択肢はWP-Optimizeで、これは非常に簡単に使用できます。
プラグインをアクティブ化すると、新しいWP-OptimizeタブがWordPressダッシュボードに表示されます。 ここでは、プラグインが最適化できるテーブルのリストと、プラグインが各テーブル内でクリーンアップするエントリの数を確認できます。
私たちの経験では、通常、すべてのテーブルを一度に最適化するのが安全です。 ただし、最悪の事態が発生した場合に備えて、事前にWebサイトの完全バックアップを作成することをお勧めします。
3.コンテンツ配信ネットワーク（CDN）を使用する
WooCommerceストアの読み込みにかかる時間を決定する要因の1つは、訪問者とサーバーの間の距離です。 距離が長いほど、高速インターネット接続を使用している場合でも、Webサイトの読み込みに時間がかかります。
この問題に対処する最善の方法は、CDNを使用することです。 これらのサービスが行うことは、世界中のデータセンターにWebサイトのコピーを保存（またはキャッシュ）することです。 次に、誰かがあなたのサイトにアクセスしようとすると、あなたのCDNは、いわば、そのサイトの最も近いコピーにそれらをリダイレクトします。
このアプローチにより、全体的な読み込み時間を短縮できます。 ただし、この種のサービスは無料で提供されることはあまりありませんが、Cloudflareなどの企業は限定された無料利用枠を提供しています。
Cloudflareの無料プランは他のプレミアムCDNほど迅速ではありませんが、WordPressやWooCommerceとの統合は簡単で、（特にサービスを統合するホストでは）簡単に使用できます。
予算が多い場合、Cloudflareのプレミアムプランには組み込みの画像最適化も含まれています。 これは、製品画像がたくさんあるWooCommerce Webサイトに特に適していることを意味し、読み込み時間をさらに短縮できます。
もちろん、考慮すべきCDNソリューションは他にもたくさんあるので、自分に合ったソリューションを見つけるために買い物をする価値があります。
4.キャッシングソリューションを設定します
WooCommerceサイトのCDNを設定する以外に、ローカルキャッシュソリューションを構成することもできます。 このように、リピーターは訪問するたびにWebサイト全体をロードする必要がありません。
CDNは基本的にオンラインストアをキャッシュするので、CDNを使用するだけで十分だと考える人もいます。 ただし、インターネット接続が不安定な訪問者がいる場合は、最高のCDNでもあまり役に立ちません。 このような場合、CDNの実装と同様に読み込み時間を本質的に高速化することで、将来の訪問に備えてストアを最適化できます。
WordPressとWooCommerceに関しては、選択できるキャッシュソリューションがたくさんあります。 人気のあるCometCacheなど、過去にそれらのいくつかについて話しました。
この特定のキャッシュプラグインは、非常に簡単なセットアップと構成プロセスを提供し、デフォルトの構成は単純なWordPressサイトには十分です。 ただし、頻繁に更新される複雑なWooCommerceストアの場合は、定期的にクリアするようにキャッシュを構成する必要があります。 これを行うには、WordPress内の[ Comet Cache ]タブに移動し、[ Cache ExpirationTime]セクションを開きます。 内部には、有効期限の設定を含むドロップダウンメニューがあります。
私たちの経験では、デフォルトの7日間の設定は小規模な店舗では十分に機能しますが、サイトをより頻繁に更新する場合は、もっと短くすることをお勧めします。
5. SolidWordPressホスティングプロバイダーを使用する
多くのサイト所有者は、予算にやさしいWordPressホスティングを選択します。これは、小規模でトラフィックの少ないWebサイトでは問題になりません。 ただし、WooCommerceストアを運営している場合は、トラフィックの急増に対処することを最優先する必要があります。
たとえば、現在の販売のメールキャンペーンは、購入予定者からのトラフィックの急増につながる可能性があります。 複数の同時ユーザーに対応できないホスティングプランは、おそらくその過程でいくつかの売上を失うことになることを意味します。
私たちのテストでは、A2 HostingやSiteGroundなど、ストレス下で優れたパフォーマンスを発揮するWordPress共有ホスティングプロバイダーがいくつかあることがわかりました。 ただし、追加コストを支払う余裕がある場合は、WooCommerceストアに仮想プライベートサーバー（VPS）を使用することをお勧めします。
要約すると、読み込み時間がコンバージョンに悪影響を与える可能性がある場合、ホスティングのパフォーマンスはより重要になります。 成功するWooCommerceストアを成長させたい場合は、最初から選択するホスティングプロバイダーについてさらに注意を払う必要があります。
結論
あなたのウェブサイトのパフォーマンスが低下する可能性がある理由はたくさんあります。 WooCommerceサイトは、通常、数十の製品、画像、他のサービスとの統合などを処理する必要があるため、さらに脆弱で複雑です。
WordPressに関しては、WooCommerceストアのパフォーマンスを最適化するために自由に使えるいくつかの方法があります。 それらについて簡単に話しましょう：
- 商品画像を圧縮してサイズを変更します。
- データベースを定期的にクリーンアップします。
- CDNを使用します。
- キャッシュソリューションを設定します。
- 堅実なWordPressホスティングプロバイダーを使用してください。
WooCommerceストアのパフォーマンスを最適化する方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！
ProStockStudio / shutterstock.comによる記事画像のサムネイル。