WordPressのeコマースWebサイトを高速化する方法

WordPressは、世界で最も人気のあるコンテンツ管理システムです。 現在では、単なるブログツールとしては使用されていません。 代わりに、eコマースを含むさまざまなWebサイトを強化できます。 実際、WordPressで構築されたeコマースWebサイトの数は増加の一途をたどっています。 WordPressのeコマースWebサイトを運営している場合、どうすればそれをより速くできますか?

言い換えれば、WordPress eコマースWebサイトをどのように高速化しますか? この記事はこの質問に答え、WordPress eコマースWebサイトを高速化するための有用なアイデアを提供します。 

WordPress eコマースWebサイトの最適化:はじめに

 

画像のクレジット: 

WordPress eコマースWebサイトを構築およびセットアップするには、さまざまな方法があります。 もちろん、これらの方法はすべて、特定のWordPressプラグインの使用を中心に展開されます。 一般的に言えば、 WooCommerce WordPressユーザーに最も人気のあるeコマースソリューションです。 明らかに、ほとんどの最適化とスピードアップの方法は周りを回っています WooCommerce.

ただし、そうでない場合はどうなりますか WooCommerce ユーザー? WordPressのeコマースウェブサイトをまとめるのに役立つプラグインは他にもたくさんあります。 たとえば、 Easy Digital Downloads これにより、(物理的な製品ではなく)デジタル製品を使用してeコマースストアを作成できます。

使用するWPプラグインや拡張機能に関係なく、WordPress eコマースWebサイトを高速化するには、特定の一般的な手順を実行する必要があります。 しかしその前に、あなたはあなたのウェブサイトがどれほど遅いかもしれないかを知る必要があります!

速度のテスト

Webサイトの速度とページの読み込み時間の適切なテストは、独立した環境で行う必要があります。 したがって、おそらく複数の場所からリモートサーバーを使用する必要があります。 これにより、ブラウザのキャッシュなどの要素が除外され、ページサイズ、読み込み時間、ウォーターフォールなどの実態がわかります。

ツール Pingdomの 影響により GTmetrix この点で非常に便利です。 あなたはあなたのウェブサイトのURLでそれを実行し、あなたが改善できる領域とともに結果を見ることができます。

WordPress eコマースWebサイトの目的で、ストアのメインページで速度テストを実行する必要があります。 使用している場合 WooCommerce、ショップページまたは単一の製品ページでテストを実行してみてください。

テストが完了すると、WordPress eコマースWebサイトの速度が低下している原因を正確に報告します。 たとえば、次のテスト( Shopifyのホームページ)は、ブラウザのキャッシュ、JSの組み合わせ、およびより少ないリダイレクトがページの読み込み時間を短縮できることを示しています。

WordPress eコマースWebサイトの高速化

もちろん、結果はウェブサイトによって異なります。 ただし、WordPress eコマースWebサイトの読み込みが遅い場所を正確に把握するのに役立ちます。

ここで、大きな質問に戻ります。WordPresseコマースWebサイトをスピードアップするにはどうすればよいですか?

ホスティングとCDN

WordPressのeコマースWebサイトには、信頼性が高く、品質が高く、最適化されたWebホスティングソリューションを選択する必要があることは、一般的な知識です。 残念ながら、今日のWebホスティング業界は、通常以下のサービスを提供するWebホストで満たされています。 これは、Webサイトのパフォーマンスに悪影響を与える可能性があります。 展開する最適化方法に関係なく、サーバーが遅いために、WP eCommerceサイトの読み込みが失敗する可能性があります。

ありがたいことに、私たちはあなたがあなたが必要とするホスティングプランのタイプとあなたのニーズに合うことができるウェブホスティングプロバイダーを評価するのに役立つ比較ガイドを持っています。 見てみな こちら.

とはいえ、コンテンツ配信ネットワークの重要性を過小評価しないでください。 Webホスティングがどれほど優れていても、CDNは常により優れた高速なサービスを提供します。 eコマースストアに世界中またはさまざまな国の顧客がいる場合は、CDNを使用する必要があります。

コンテンツ配信ネットワークは、本質的に、地理的に多様なサーバーのクラスターからページを提供することにより、Webサイトを高速化します。 たとえば、あなたのウェブサイトがフロリダにあるサーバーでホストされているとしましょう。 これで、バンコクのユーザーがサイトにアクセスした場合、ページのロードに時間がかかります。 これは地理的な距離、複数のISPなどが原因です。一方、コンテンツ配信ネットワークを使用している場合、CDNはバンコクに近い場所、たとえばシンガポールからウェブサイトのコンテンツのコピーを提供します。 当然、これによりページの読み込み時間が短縮され、コンテンツの配信が速くなります。

CloudFlareの 影響により MaxCDN WordPress eCommerce Webサイトと統合するためのXNUMXつの人気のある選択肢です。 CloudFlareの無料プランを使用して水をテストすることもできますが、最適なパフォーマンスを得るには有料プランをお勧めします。

画像の最適化

画像はあらゆるeコマースストアの重要なコンポーネントです。 ページの読み込み時間を改善するには、製品の画像やサムネイルなどの最適化に時間をかけることをお勧めします。

WordPressのプラグイン TinyPNG アップロード時やアップロード時に画像を圧縮および最適化するのに役立ちます。

ここで使用できる別の方法は、画像の遅延読み込みです。 遅延読み込みとは、ユーザーがそれらの画像が配置されているページの部分まで下にスクロールするまで、指定された画像のセットが読み込まれないことを意味します。 この方法では、ブラウザーがすべてのイメージを一度にロードする必要がないため、全体的なページのロード時間に悪影響はありません。 などのWPプラグイン BJレイジーロード すぐにこれを達成するのに役立ちます。

オンラインショップのメディアコンテンツのほとんどは画像の形式であるため、画像の最適化と遅延読み込みは有益な結果を生み出します。

WordPressキャッシュプラグインの使用

キャッシュは長い間、WP Webサイトとブログを高速化するための最も一般的なソリューションでした。 WordPress eコマースWebサイトもこのルールの例外ではありません。 信頼性が高く評判の高いWordPressキャッシュプラグインを選択することを検討してください。 いくつかの価値のある名前は次のとおりです。

さらに、選択しているプラ​​グインがWordPresseコマースプラグインと互換性があることを確認してください。 使用している場合 WooCommerce、心配することは何もありません—ほとんどのキャッシングプラグインは WooCommerce 念頭に置いて、同じと完全に互換性があります。 他のすべてのeコマースWPプラグインについては、プラグインのドキュメントを確認する必要がある場合があります。

互換性とは、キャッシングプラグインがキャッシュする必要があるもの(およびすべきでないもの)を自動的に検出する必要があることを意味します。 次に例を示します。いかなる状況でも、WPキャッシングプラグインはカートページとチェックアウトページをキャッシュする必要があります。 これらのページは、ユーザーの選択のみに基づいて生成する必要があります。提供できる静的コピーはありません。

同様に、ショッピングカートウィジェット(またはeコマースストアのヘッダーやメニューバーに配置されることが多いアイコン)をキャッシュする必要はありません。 WordPress eコマースサイトの場合、CSSとHTMLの縮小をアクティブ化することをお勧めしますが、JavaScriptの縮小は避けてください。 多くのeコマースプラグインは、ショッピングカートウィジェットをその場でロードするためにJSに依存しています。 JSの縮小またはキャッシュにより、ここで問題が発生する可能性があります。ユーザーがカートに商品を追加すると、正常に追加されます。 ただし、ページにはまだ空のカートが表示されます— JSがキャッシュされたため、ページ全体が更新されない限り、ショッピングカートは更新できませんでした。

したがって、JavaScriptファイルをキャッシュしてWPブログで縮小することはできますが、そうする必要がありますが、WP eコマースストアではそうすることはお勧めできません。

ショッピングカートでのAJAXの使用

ショッピングカートの詳細をレンダリングするためにAJAXを使用するのが一般的な方法です。 を含むほとんどのWPeコマースプラグイン WooCommerce、同じことをします。 仕組みは次のとおりです。

ユーザーは商品を選択し、「カートに追加」ボタンをクリックします。 商品がカートに追加されます。 次に、ページでXNUMXつの値が更新されます。製品の[カートに追加]ボタンは「カートに追加」または「カートに既に追加済み」(または同様に)を示し、ショッピングカートウィジェット(またはボタン)は更新された製品数を示します。 ページの残りの部分は? 更新も変更もされていません。

この選択的な更新は、AJAX呼び出しによって行われます。 現在、この機能の欠点は、AJAX呼び出しに時間がかかり、常にページの読み込み時間に悪影響を与えることです。 したがって、ユーザーが呼び出す製品を追加するかどうか(つまり、AJAXを使用してカートを更新する必要があるかどうか)は、ライブラリをロードする必要があります。

ここでパフォーマンスを向上させたい場合は、AJAX呼び出しを無効にすることができます(このような単純なプラグインを使用します)次に、eコマースプラグインで、商品をカートに追加したときにユーザーをショッピングカートにリダイレクトします。 これがでそれを行う方法です WooCommerce:

WordPress eコマースWebサイトの高速化

[設定]に移動し、[製品]タブに移動するだけです。 「カートにリダイレクト」オプションを選択します。 その後、選択内容を保存します(必要に応じて、アーカイブでAJAXを無効にすることもできます)。

その間、シンプルですが非常に便利なWordPressプラグインが WooCommerce スピードドレン修理。 AJAXメソッドやその他のロードを停止するだけです WooCommerce 非で機能しますWooCommerce ページ(たとえば、ブログやアバウトページ)。 それはあなたがあなたのWordPresseコマースウェブサイトの多様体をスピードアップするのを助けることができます。

データベースの最適化

画像のクレジット:

低速で不十分に最適化されたWordPressデータベースは、ウェブサイトを停止させる可能性があります。 これは、WPで実行されているeコマースストアの場合に特に当てはまります。 通常よりも多くのデータベーステーブルとエントリがあります。 投稿、ページ、コメントのテーブルとエントリを処理する必要があるだけではありません。 さらに、製品、製品の属性、注文などのエントリとテーブルもあります。

あなたは次のような人気のあるWPプラグインを選ぶことができます WP最適化 or WPスイープ。 このようなプラグインは、データベース全体をスキャンし、フラグメントや不要なオーバーヘッドなどを削除できます。定期的にWPデータベースをクリーニングすることにより、データベースのクエリがより高速に実行されるため、ページの読み込み時間を短縮できます。

結論

これで、この投稿は終わりです。 eコマースページに不要なスクリプトを読み込まないようにする方法、データベースを最適化する方法、キャッシングとCDNを使用する方法などを説明して、WordPress eコマースWebサイトを高速化しました。

WordPressのeコマースWebサイトを実行または管理している場合、それを高速化するためにどのような戦略または方法を使用していますか? 以下のコメントであなたの意見を共有してください!

注目の画像 

スフィアン・ビン・ウザイル

ライター; 出版された著者; コーヒー好き; ウェブ開発者; Parakozmの後ろの男。