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

このページのリンクからサービスに加入すると、Reeves and SonsLimitedがコミッションを獲得する場合があります。 私たちを参照してください 倫理声明.

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

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

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

画像のクレジット: 

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

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

WPに関係なく plugin または使用する拡張機能を使用する場合でも、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 pluginなどの TinyPNG アップロード時やアップロード時に画像を圧縮および最適化するのに役立ちます。

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

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

WordPressキャッシングの使用 Plugin

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

さらに、 plugin 選択しているものは、WordPressのeコマースと互換性があります plugin。 使用している場合 WooCommerce、心配することは何もありません—ほとんどのキャッシング pluginsキープ WooCommerce 念頭に置いて、同じと完全に互換性があります。 他のすべてのeコマースWPの場合 plugins、あなたはあなたをチェックする必要があるかもしれません pluginのドキュメント。

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

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

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

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

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

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

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

あなたが本当に wish ここでパフォーマンスを向上させるために、AJAX呼び出しを無効にすることができます(シンプルな plugin このような)そしてあなたのeコマースを持っている plugin 商品をカートに追加したら、ユーザーをショッピングカートにリダイレクトします。 これがでそれを行う方法です WooCommerce:

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

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

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

データベースの最適化

画像のクレジット:

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

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

まとめ

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

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

注目の画像 

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

ライター; 出版された著者; コーヒー愛好家; コーダー。

コメント 0応答

コメントを残す

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *

評価 *

このサイトでは、スパムを減らすためにAkismetを使用しています。 コメント処理方法.