WooCommerceサイトの表示速度対策の注意点

執筆者 | 更新日 2020年07月09日 | WooCommerceの使い方 | コメント0件

WooCommerceを使ってWordPressでECサイトを運営している方は、コンバージョンの観点からサイトの表示スピードを早めたいと思っていると思います。いろんなサイトでも、表示スピードを改善する対策を解説している記事などがありますが、それらをWooCommerceでやってしまうと不具合が生じてしまうことがありますので、その対策について、この記事でご紹介していきます。

WooCommerceのファイルサイズは結構大きい

WooCommerceは、高機能なプラグインなので、仕方のないことかもしれませんが、ファイルサイズが比較的大きめです。そこで、いろんな表示速度対策をすると思います。

  • Autoptimize
  • EWWW Image Optimizer
  • a3 Lazy Load

などのプラグインを導入して表示スピードを上げたり、CDNを導入したり、いろんな対策があります。

WooCommerceとキャッシュ系のプラグインは注意が必要

その中で注意したいのが、キャッシュ系のプラグインです。キャッシュというのは、閲覧したことのあるサイトの情報を溜めておいて、次に閲覧する際にそのデータをもとにページを開いてくれるというものです。新しくデータを取得する必要がないために、より早く開けるという仕組みになっています。

そのキャッシュを生成するために、WP Fastest CacheやWP Super Cache、WP Total Cacheなどのプラグインを導入します。しかし、WooCommerceのサイトにこういったプラグインを導入し、デフォルトの設定のままにしてしまうと、決済を受けられなかったり、不具合が生じる可能性があります。

WooCommerceサイトにおすすめなキャッシュ系プラグインの設定

じゃあ、どのような設定にすれば良いのかということを次にご紹介していきます。今回僕は、WP Fastest Cacheでの設定方法をお伝えしていきます。ただし、どのプラグインでも、考え方は同じです。

  • カートページ
  • チェックアウトページ
  • マイアカウントページ

これらの3つのページは、キャッシュを生成しないように設定しておきましょう。

WP Fastest Cacheの「除外する」タブ

まずは、WP Fastest Cacheの設定の「除外する」というタブに移動します。

WP Fastest Cacheの除外するページ

そしたらまずは、「除外するページ」という項目で先ほどの3つのページのキャッシュ生成を無効にする設定をしていきます。「Add New Rule」ボタンをクリックします。

WP Fastest CacheのExclude Page Wizardの設定(クッキー)

ポップアップが表示されたら、「If REQUEST_URI」の右隣のドロップダウンでは「Is Equal To」を選び、その右には除外するページのスラッグ名を入力します。そのスラッグの名前は、「cart」、「checkout」、「myaccount」の3つです。でも、1つずつしか追加できませんので、「Add New Rule」をクリックして、2つ目以降を順番に追加してみてください。

WP Fastest CacheのExclude Cookiesの設定

次に、「Exclude Cookies」の項目を設定していきます。この項目では、1つしか設定の必要はありません。「Add New Rule」ボタンをクリックしたら、

WP Fastest CacheのExclude Page Wizardの設定(ページ)

ドロップダウンで「has Woocommerce Items in Cart」を選び、「Save」ボタンをクリックするだけです。

オンラインショップを作成したいあなたへ、、、

ECサイトを作成する前に知っておきたいことをこのeBookにまとめました!

  • オンラインショップを作成するためのおすすめツール
  • オンラインショップを作成する手順
  • おすすめのツールで作られたオンラインショップの事例

今すぐ以下のボタンから無料でゲットしてください。

オンラインショップブループリント

  • オンラインショップを作成するためのおすすめツール
  • オンラインショップを作成する手順
  • おすすめのツールで作られたオンラインショップの事例

をeBookにまとめました。今すぐ以下のボタンから無料で受け取ることができます。

0コメント

コメントを提出

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

オンラインショップの作成手順をeBookにまとめました!こちらのボタンから無料で受け取れます。

オンラインショップを作成したいあなたへ、、、

オンラインショップを作成する前に知っておきたいあれこれをこのeBookにまとめました!

  • オンラインショップを作成するためのおすすめツール
  • オンラインショップを作成する手順
  • おすすめのツールで作られたオンラインショップの事例

を学べます。今すぐ以下のボタンから無料でゲットしてください。