MENU
WP-Search
WP-Search
SEOキーワードツール
SEOキーワードツール
note
WP-Search

W3 Total Cacheの不具合の少ない設定方法と使い方【WordPress高速化】

この記事では、WordPressプラグイン「W3 Total Cache」で不具合の少ないおすすめの初期設定の方法と使い方を、画像を用いてわかりやすくご紹介します。

W3 Total Cache(ダブルスリー トータル キャッシュ)」は、多くの種類のキャッシュ機能を提供する高機能プラグインです。

レンタルサーバーだけでなく、VSP、AWSなどのクラウド、CloudFrontなどのCDNにも利用しやすいです。

suya

データベースキャッシュなどもありますが、不具合に注意してください。

なるほどくん

なるほど!気をつけます。

この記事でできること
  • W3 Total Cache」の初期設定が完了できる
  • 設定項目の重要度がわかる
  • 不具合時の対処法がわかる
この記事を書いた人

suya @suyasite

この記事を最後まで読めば、WordPress(ワードプレス)を高速化できます。

ぜひ最後まで進めてみてください。

目次

高速化プラグイン(キャッシュプラグイン)の選び方

最初に高速化プラグイン(キャッシュプラグイン)の選び方を簡単に解説しておきます。

最も高速化できるのは「WP Rocket」

WordPress高速化プラグインで、表示速度No1は圧倒的な差をつけて「です。

WordPress高速化プラグインの表示速度ランキング(2023年1月)
WordPress高速化プラグインの表示速度ランキング(2023年1月)

有料ですが高速テーマなどと併用するユーザーが多く、効果が高いようです。

mixhostやカラフルボックスなどは「LiteSpeed Cache」

LiteSpeedを採用しているレンタルサーバーは、無料で「LiteSpeed Cache」が使えます。

画像のWebP化や投稿リビジョン削除なども可能なので、これ1つで他のプラグインを減らすことができます

リビジョン削除も行いたいなら「WP-Optimize」

LiteSpeed以外のレンタルサーバーで、投稿リビジョン削除も行いたい場合は、「WP-Optimize」がおすすめです。

投稿リビジョン

投稿リビジョンなどのデータベースは高速化のボトルネックになりやすいため、定期的な削除が推奨されます。

「WP Fastest Cache」はモバイルキャッシュがない

WP Fastest Cache」は、モバイルキャッシュ機能が有料版(Premium版)のみになります。

そのため、完全レスポンシブ対応のテーマ以外はおすすめできません

たとえば、などは完全レスポンシブ対応なので問題ありませんが、などはモバイルキャッシュなしで利用することになります。

「WP Super Cache」は設定が難しい

WP Super Cache」は、設定画面が難しいために間違って設定する人が多いようです。

無料ですが、初心者向けではないかもしれません。

いろんなキャッシュやCDNを使いたいなら「W3 Total Cache」

ページキャッシュ以外のさまざまなキャッシュ機能やCDNを利用したい場合は「W3 Total Cache」が便利です。

高機能なのでレンタルサーバーだけでなく、VPSやクラウドサービスにも使いやすいです。

CSS・JS・HTML最適化が専門の「Autoptimize」

Autoptimize」は、キャッシュプラグインと組み合わせて使うこともできる最適化プラグインです。

CSS・JS・HTMLの最適化・縮小化などは不具合が生じることが多いですが、Autoptimize」だと不具合が出ない場合もあります

高速化プラグイン(キャッシュプラグイン)の機能比較

各プラグインの機能の違いは、以下をご覧ください。

スクロールできます
WP RocketLiteSpeed CacheWP-OptimizeWP Fastest CacheWP Super CacheW3 Total CacheAutoptimize
ページキャッシュ
モバイルキャッシュ
オブジェクトキャッシュ
データベースキャッシュ
ブラウザキャッシュ
CSS/JS/HTML最適化
JS遅延読み込み
画像WebP化有料有料オンザフライ
画像遅延読み込み有料有料
リンクプリロード
データベース最適化自動手動自動有料
CDN簡易QUIC.cloud簡易簡易高機能
Heartbeat制御
料金有料無料無料無料無料無料無料
詳しく詳しく詳しく詳しく詳しく詳しく詳しく
高速化プラグイン(キャッシュプラグイン)の比較

画像圧縮・WebP化は「EWWW Image Optimizer」

画像の圧縮やWebP化を行いたい場合は、「EWWW Image Optimizer」もあります。

特に画像のWebP化は高速化に有利になるため、機能が不足する場合は導入しましょう。

どのプラグインを入れるか決まったら、早速インストールしていきます。

1) プラグイン「W3 Total Cache」をインストール

作業を開始する前に、サーバーでバックアップを取得しておくことをおすすめします。

表示速度の変化を確認したい場合、現在の状態を「PageSpeed Insights」で計測しておきましょう。

ただし、計測値と体感のスピードは違いますので、実際の挙動確認もお忘れなく。

WordPress(ワードプレス)にログインしたら、左メニューの[プラグイン][新規追加]をクリックして、[プラグインの検索]をします。

WordPress(ワードプレス)のプラグインを検索して新規追加
[プラグイン]→[新規追加]から、[プラグインの検索]

[プラグイン][新規追加]から「W3 Total Cache」を検索して、[今すぐインストール]した後に[有効化]します。

WordPressプラグイン「W3 Total Cache」のインストール
「W3 Total Cache」をインストール・有効化

2) プラグイン「W3 Total Cache」の初期設定

0) セットアップガイド(重要度:

左メニューの[パフォーマンス]をクリックすると、[セットアップガイド]が開きます。

セットアップガイドでは、各種キャッシュ設定のテストを行ってくれます。

最初に、W3 Total Cacheのデータ収集を止めたい場合は[Decline]を選択して[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(開始)
セットアップガイドを開始
「Page Cache アドインファイル advanced-cache.php は W3 Total Cache ドロップインではありません。削除する必要があります。」と表示された場合

過去に他のキャッシュプラグインを利用していた場合に表示されることがあります。

[はい、削除してください]をクリックしてください。

[Test Page Cache]をクリックすると、ページキャッシュのテスト結果が表示されます。

おすすめの[ディスク: 拡張]を選択して[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(ページキャッシュ)
[Test Page Cache]

サーバーの種類や構成によって、選択できるオプションに違いがあります。

ほとんどの場合は[ディスク: 拡張]で大丈夫です。

ページキャッシュとは、動的ページをあらかじめ静的に生成しておく機能です。

ブラウザ側ではなく、サーバー側の速度が高速化されます。

PageSpeed Insightsの「最初のサーバー応答時間を速くしてください(Reduce initial server response time)」を改善できます。

セットアップガイドは何回でも実施できますし、設定も後から変更できます。

[データベースキャッシュをテスト]をクリックすると、データベースキャッシュのテスト結果が表示されます。

[なし]のまま[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(データベースキャッシュ)
[データベースキャッシュをテスト]

データベースキャッシュは不具合が出やすいです。

レンタルサーバーなどでは通常OFFで大丈夫です。

データベースキャッシュとは、読み取りに時間のかかるデータベースの情報を一時的に保管しておく機能です。

「データベースに保管するからデータベースキャッシュ」は誤りです。

ディスクよりもメモリにキャッシュしたほうが読み取り速度が速く、効果的です。

[Test Object Cache]をクリックすると、オブジェクトキャッシュのテスト結果が表示されます。

[なし]のまま[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(オブジェクトキャッシュ)
[Test Object Cache]

オブジェクトキャッシュは不具合が出やすいです。

レンタルサーバーなどでは通常OFFで大丈夫です。

オブジェクトキャッシュとは、読み取りに時間のかかるデータベースの情報をメモリに一時的に保管しておく機能です。

データベースキャッシュと似ていますが、オブジェクトキャッシュはWordPress特有の機能です。

[Test Browser Cache]をクリックすると、ブラウザキャッシュのテスト結果が表示されます。

[有効]のまま[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(ブラウザキャッシュ)
[Test Browser Cache]

ブラウザキャッシュはレンタルサーバーによっては自動的に設定されている場合もあります。

ただ、基本的にはONで大丈夫です。

ブラウザキャッシュとは、一度アクセスしたサイトの静的ファイルをブラウザに保管しておく機能です。

サーバー側ではなく、ブラウザ側のダウンロード量が減るため高速化されます。

ブラウザキャッシュを有効にすると、ブラウザを普通に更新(F5)しても変更が反映されません。

そのため、ブラウザをスーパーリロード(キャッシュクリア)する方法を覚えておきましょう。

ブラウザのスーパーリロードのショートカット
  • Windows: Ctrl + F5
  • Mac: Command + Shift + R

[画像の遅延読み込み]はOFFのまま[NEXT]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(遅延読み込み)
[画像の遅延読み込み]

を使用している場合は、テーマに画像等の遅延読み込み(LazyLoad)機能があります。

画像圧縮・WebP化プラグイン「EWWW Image Optimizer」などにも同様の機能があります。

機能が重複するため、ほとんどの場合、画像の遅延読み込み機能の設定は不要です。

W3 Total Cache」でWebP化するには拡張機能「Image Service」を導入する必要があります。

さらに、上限に達すると課金が必要な有料プランに誘導されます。

無料でWebP化したい場合は、「EWWW Image Optimizer」などのプラグインを利用してください。

すべてのテストが完了したら、[DASHBOARD]をクリックします。

WordPressプラグイン「W3 Total Cache」のセットアップガイド(完了)
セットアップガイドを完了

以上で、「W3 Total Cache」の標準的な設定は完了です。

以降は、各機能の詳細設定を見ていきます。

1) ページキャッシュ(重要度:

左メニューの[ページキャッシュ]をクリックします。

一般は、特に変更の必要はありません。

WordPressプラグイン「W3 Total Cache」のページキャッシュ設定(一般)
[ページキャッシュ]設定
重要度設定項目説明
フロントページをキャッシュトップページをキャッシュするか
フィードのキャッシュfeedページをキャッシュするか
Cache SSL (HTTPS) requestsSSLをキャッシュするか
クエリ文字列変数を使って URI でキャッシュを実行サイト内検索などをキャッシュするか
404 (not found) ページのキャッシュ404ページをキャッシュするか
ログイン済みユーザーに対してページをキャッシュしない会員サイトやECサイトはON
通常もON
以下のユーザー権限グループに対してページをキャッシュしないユーザー権限ごとの設定

[404 (not found) ページのキャッシュ]をONにすると、一時的なアクセス不可の際にページが404としてキャッシュされてしまう恐れがあります。

[ログイン済みユーザー]もキャッシュしてしまうと、別のユーザーに他のユーザーの情報が表示される恐れがあります。

会員サイトやECサイトでは、必ずキャッシュしない設定にしてください。

通常のブログ利用でも、管理者がログインしている状態だと編集結果を確認できなくなります。

キャッシュプリロードは、[ページキャッシュを自動に事前準備する]をONに変更して、[サイトマップ URL]を入力します。

[Save Settings & Purge Caches]をクリックして保存します。

WordPressプラグイン「W3 Total Cache」のページキャッシュ設定(プリロード)
キャッシュプリロード設定

キャッシュプリロードは、キャッシュを事前に準備する機能です。

これをOFFにすると、最初のユーザーが訪問するまでキャッシュが生成されないため、表示速度が遅くなります。

[Preload the post cache upon publish events]をONにすると、記事を公開してすぐにキャッシュされるようになります。

そうすると、ミスに気づいてすぐに修正しても、キャッシュが残っているため反映されるのが遅くなります。

XMLサイトマップの作成がまだの場合は、以下をご覧ください。

2) 圧縮(重要度:

圧縮は不具合が起こりやすいため、デフォルトでOFFになっています。

特に「W3 Total Cache」のCSS・JavaScript・HTMLの縮小化・結合は、不具合が起こりやすいです。

CSS・JavaScript・HTMLなどのファイル縮小化・結合をしたいなら「Autoptimize」がおすすめです。

3) データベースキャッシュ(重要度:

データベースキャッシュは不具合が起こりやすいです。

ここでは説明を割愛します。

AWS ElastiCacheでMemcachedを利用したい場合は、以下をご覧ください。

4) オブジェクトキャッシュ(重要度:

データベースキャッシュは不具合が起こりやすいです。

ここでは説明を割愛します。

ちなみに、設定方法はデータベースキャッシュとほぼ同じです。

5) ブラウザーキャッシュ(重要度:

左メニューの[ブラウザーキャッシュ]をクリックします。

一般やコンテンツごとの設定は、特に変更の必要はありません。

WordPressプラグイン「W3 Total Cache」のブラウザキャッシュ設定(一般)
[ブラウザーキャッシュ]設定
重要度設定項目説明
Last-Modified ヘッダーを設定コンテンツの最終更新日を出力
Expires ヘッダーを設定コンテンツの有効期限を出力
キャッシュ制御ヘッダーを設定コンテンツのキャッシュ情報を出力
エンティティタグ (ETag) を設定コンテンツのバージョン識別子を出力
W3 Total Cache ヘッダーを設定コンテンツの最適化を出力
Enable HTTP (gzip) compressiongzip圧縮を有効にする
Enable HTTP (brotli) compressionbrotli圧縮を有効にする
設定変更後のオブジェクトのキャッシュを防止クエリ文字列でキャッシュを防止
Remove query strings from static resources静的リソースからクエリ文字列を削除

6) キャッシュグループ(重要度:

左メニューの[キャッシュグループ]をクリックします。

キャッシュグループは、使用するテーマによって変わります

はOFF、などはONにします。

WordPressプラグイン「W3 Total Cache」のキャッシュグループ設定
[キャッシュグループ]設定

[キャッシュグループ]は、テーマのレスポンシブ対応具合によって変わります。

たとえば、はOFFですが、などはONにしたほうがいいです。

設定をON/OFFしながらモバイル表示でデザイン崩れがないか確認してみましょう。

7) CDN(重要度:

CDNは、高アクセスWebサイトの場合に高速化できます。

AWS CloudFrontやS3、StackPathなどが利用可能です。

上級者向けの機能ですので、ここでは説明を割愛します。

AWS S3に画像などの静的ファイルをオフロードしたい場合は、以下をご覧ください。

8) フラグメントキャッシュ(重要度:

フラグメントキャッシュは、ページの一部のみをキャッシュする機能です。

有料のPro版向けの機能ですので、ここでは説明を割愛します。

9) User Experience(重要度:

左メニューの[一般設定]をクリックします。

User Experience設定の[絵文字の無効化]をONに変更して保存します。

WordPressプラグイン「W3 Total Cache」のUser Experience(一般設定)
[User Experience]設定
重要度設定項目説明
画像の遅延読み込みほとんどの場合OFFのまま
絵文字の無効化読み込みを減らすためON
Disable wp-embed scriptリンクの埋め込みを無効化
Disable jquery-migrate on the front-endjquery-migrateを無効化

を使用している場合は、テーマに画像等の遅延読み込み機能があります。

画像圧縮・WebP化プラグイン「EWWW Image Optimizer」などにも同様の機能があります。

機能が重複するため、ほとんどの場合、画像の遅延読み込み機能の設定は不要です。

WordPressには、初めからアイコンフォント(絵文字)が準備されています。

ほとんどの場合使用しないため、読み込みを減らすために[絵文字の無効化]をします。

3) キャッシュをクリア(削除)する方法

カスタマイズを行なった場合や不具合が発生した場合は、一度キャッシュをクリア(パージ)することをおすすめします。

キャッシュをパージ(重要度:

アドミンバーから[Purge All Caches](すべてのキャッシュをパージ)します。

WordPressプラグイン「W3 Total Cache」のキャッシュ削除(キャッシュクリア)
キャッシュパージ(キャッシュクリア)

4) Google PageSpeed Insightsと連携する

W3 Total Cache」は、Google PageSpeed Insights(PSI)と連携する機能があります。

左メニューの[一般設定]をクリックします。

Google PageSpeedの[Authorize]をクリックします。

WordPressプラグイン「W3 Total Cache」のGoogle PageSpeed
Google PageSpeedの[Authorize]をクリック

利用するGoogleアカウントを選択します。

WordPressプラグイン「W3 Total Cache」のGoogleアカウント許可
Googleアカウントを選択

左メニューの[Google PageSpeed]をクリックします。

解析が始まり、しばらく待つとPSIスコアが表示されます。

WordPressプラグイン「W3 Total Cache」のGoogle PageSpeed画面
[Google PageSpeed]画面

5) W3 Total Cacheで不具合が発生した場合

キャッシュをクリアする

まず最初に、キャッシュをクリアしてみてください。

設定変更などを行なった場合も、毎回キャッシュをクリアしたほうがいいです。

ページキャッシュを互換モードにする

左メニューの[ページキャッシュ]をクリックします。

[互換モード](Compatibility mode)をONにして保存します。

WordPressプラグイン「W3 Total Cache」のページキャッシュ(互換モード)
Google PageSpeedの[Authorize]をクリック

圧縮・データベースキャッシュ・オブジェクトキャッシュを無効化する

左メニューの[一般設定]からそれぞれ無効化してください。

お問い合わせページをキャッシュから除外する

Contact Form 7」「MW WP Form」「Contact Form by WPForms」などのお問い合わせフォームで不具合が出た場合は、そのページを除外設定してください。

例えば、「contact」というページなら、以下のように設定します。

左メニューの[パフォーマンス][ページキャッシュ]から[以下のページはキャッシュしない]に「contact」を設定して保存します。

WordPressプラグイン「W3 Total Cache」のキャッシュ除外設定(お問い合わせページ)
contactページをキャッシュから除外

この他にも、「確認(confirm)」ページや「サンクス(thanks)」ページもあれば除外設定してください。

この記事のまとめ

プラグイン「W3 Total Cache」のおすすめの設定方法と使い方を見てきました。

念のためデザイン崩れやコンタクトフォームなどの動作確認をおすすめします。

表示速度の変化を確認したい場合は、再度「PageSpeed Insights」で計測してみましょう。

ただし、計測値と体感のスピードは違いますので、実際の挙動確認もお忘れなく。

なるほどくん

ページ表示が速くなりました。

suya

よい結果が出たら、ぜひ教えてください。

SSLプラグイン

よくある質問(FAQ)

サイトヘルスで「ページキャッシュが検出されず、サーバーのレスポンスが遅くなっています」や「ページキャッシュは検出されませんでしたが、サーバーのレスポンスは良好です」と表示されるのはなぜですか?

ページキャッシュ機能を提供するキャッシュプラグインを導入していないからです。

以下のようなキャッシュプラグインを導入してください。

サイトヘルスで「永続オブジェクトキャッシュを使用してください」と表示されるのはなぜですか?

「W3 Total Cache」でオブジェクトキャッシュを有効化することで警告は消えます。

ただし、オブジェクトキャッシュは不具合が多い機能です。

よくわからない場合はオブジェクトキャッシュを有効化しないことをおすすめします。

この記事の参考情報

W3 Total Cache公式サイト
この記事が役に立ったらご紹介ください!

コメント

コメントする

目次