WordPress eコマースウェブサイトを高速化するにはどうすればよいですか?

WordPress は世界で最も人気のあるコンテンツ管理システムです。現在では、単なるブログツールとして使用されることはなくなりました。代わりに、e コマースを含むさまざまな Web サイトを強化できます。

実際、WordPress で構築された e コマース Web サイトの数は増え続けています。 WordPress の e コマース Web サイトを運営している場合、どうすれば Web サイトを高速化できるでしょうか?

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

スタートガイド

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

ただし、そうでない場合はどうなりますか WooCommerce ユーザー？他にもたくさんあります plugins 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サイトの読み込みが遅い場所を正確に把握するのに役立ちます。

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

ホスティングとCDN

WordPress eコマース Web サイトには、信頼性が高く、高品質で、適切に最適化された Web ホスティングソリューションを選択する必要があることは周知の事実です。残念ながら、今日の Web ホスティング業界には、標準以下のサービスを提供する Web ホストが多数存在します。

これは、Web サイトのパフォーマンスに悪影響を与える可能性があります。導入する最適化方法に関係なく、サーバーの速度が遅くて遅いために、WP eCommerce サイトの読み込みが速くならない可能性があります。

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

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

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

CloudFlare と MaxCDN は、WordPress e コマース Web サイトと統合するための 2 つの一般的な選択肢です。 CloudFlare の無料プランを使用して水をテストすることもできますが、最適なパフォーマンスを得るには、有料プランを利用するのが良い投資です。

画像の最適化

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

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

ここで使用できるもう 1 つの方法は、画像の遅延読み込みです。遅延読み込みとは、ユーザーがページの画像が配置されている部分までスクロールダウンするまで、指定された一連の画像が読み込まれないことを意味します。

広告ⓘ

この方法では、ブラウザがすべての画像を一度にロードする必要がないため、ページの全体的なロード時間に悪影響が及ぶことはありません。 WP plugins など BJレイジーロードすぐにこれを達成するのに役立ちます。

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

WordPressキャッシングの使用 Plugin

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

さらに、 plugin 選択しているものは、WordPressのeコマースと互換性があります plugin。使用している場合 WooCommerce、心配することは何もありません—ほとんどのキャッシング plugins 続ける WooCommerce ストアを念頭に置いており、同じものと完全に互換性があります。

他のすべての e コマース WP の場合 plugins、確認する必要があるかもしれません pluginのドキュメント。

互換性とは、キャッシングを意味します plugin キャッシュする必要があるもの（およびキャッシュすべきでないもの）を自動的に検出する必要があります。次に例を示します。いかなる状況でも、WPキャッシング plugin カートページとチェックアウトページをキャッシュする必要があります。

これらのページは、ユーザーの選択のみに基づいて生成する必要があります。提供できる静的なコピーはありません。

同様に、ショッピングカートウィジェット (または、e コマースストアのヘッダーやメニューバーによく配置されるアイコン) をキャッシュする必要はありません。 WordPress 電子商取引サイトの場合、CSS と HTML の縮小化を有効にし、JavaScript の縮小化は避けることをお勧めします。

多くの電子商取引 plugins ショッピングカートウィジェットをオンザフライで読み込むには JS に依存します。JS の縮小またはキャッシュによって問題が発生する可能性があります。ユーザーが製品をカートに追加すると、正常に追加されます。

ただし、ページには空のカートが表示されたままになります。JS がキャッシュされたため、ページ全体が更新されない限り、ショッピングカートは更新できませんでした。

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

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

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

ユーザーは商品を選択し、「カートに追加」ボタンをクリックします。商品がカートに追加されます。次に、ページ上の 2 つの値が更新されます。商品の「カートに追加」ボタンには「カートに追加されました」または「すでにカートに入っています」(または同様) と表示され、ショッピングカートウィジェット (またはボタン) には更新された商品数が表示されます。ページの残りの部分はどうでしょうか? 更新も変更もされません。

この選択的な更新は、AJAX 呼び出しによって行われます。この機能のマイナス面は、AJAX 呼び出しに時間がかかり、常にページの読み込み時間に悪影響を与えることです。

したがって、ユーザーが呼び出す製品を追加するかどうか (つまり、AJAX を使用してカートを更新する必要があるかどうか) にかかわらず、ライブラリをロードする必要があります。

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

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

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

データベースの最適化

画像のクレジット：ルーカスアルメイダ

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

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