より高速なウェブサイトのためにWordPressW3トータルキャッシュプラグインを使用する方法

公開: 2018-08-30
w3合計キャッシュ
@Cloudwaysをフォローする

キャッシュシステムを使用してサイトの読み込み時間とサーバーリソースの使用を削減することになると、WordPressCoreはやや不足しています。 幸いなことに、WordPressリポジトリで利用できる最高のプラグインがいくつかあります。 それらの1つは、キャッシュルールを使用してWebサイトの読み込みを高速化するのに役立つWordPress W3 TotalCacheプラグインです。

WordPressサイトでキャッシュメカニズムを使用すると、ブラウザーのキャッシュを利用してユーザーが既に要求したデータを再利用することで、ユーザーエクスペリエンスを向上させることができます。 キャッシュにより、ファイルがすぐに利用可能になり、Webサイトの読み込みが速くなります。

Cloudwaysでは、WordPressインスタンスを新しくインストールするたびに、カスタム開発されたWordPressキャッシュプラグインである事前構成済みのBreezeが付属しています。 ただし、WordPressサイトでW3 Total Cacheを使用する場合は、マネージドクラウドホスティングスタックとも互換性があるため、このガイドが役立ちます。 (同様の設定で他のWordPressキャッシュプラグインを使用することもできます。)

このガイドでは、WordPressWebサイトでW3Total Cacheを使用し、推奨されるW3 TotalCache構成を最大限に活用する方法を示します。

  • WordPress W3 TotalCacheプラグインをインストールします
  • WordPressでW3トータルキャッシュを使用する方法
  • ダッシュボード
  • 一般設定
    • ページキャッシュ
    • 縮小する
    • データベースキャッシュ
    • オブジェクトキャッシュ
    • ブラウザキャッシュ
    • CDN
    • リバースプロキシ
    • モニタリング
    • ライセンス
    • その他
    • デバッグ
    • 設定のインポート/エクスポート
  • CloudflareのW3トータルキャッシュ構成
  • Breeze –WordPressキャッシュプラグイン
  • 結論

WordPress W3 TotalCacheプラグインをインストールします

WordPressダッシュボードにログインし、[プラグイン] →[新規追加]に移動して、 W3 TotalCacheを検索します。

W3-Total-Cache-Plugin-インストール

W3-Total-Cache-Plugin-activation

プラグインをインストールしてアクティブ化し、WordPressのW3 TotalCacheの設定を構成します。 プラグインファイルをダウンロードした場合は、プラグインを手動でインストールすることもできます。 その場合、Cloudwaysプラットフォームが提供するFTPアクセスを使用できます。

まず、利用可能なプラグイン設定の概要を説明します。 初心者にとっては、設定がわかりにくい場合があるため、各オプションの機能を正確に把握しておくと便利です。

WordPressにW3トータルキャッシュを使用する方法は?

WordPressWebサイトにW3Total Cacheをインストールして有効にしたとすると、管理サイドバーに新しいオプション、つまり[一般設定]タブの[パフォーマンス]が表示されます。 有効または無効にできるさまざまなタイプのキャッシュが表示されます。 各ウィジェットタイプの領域には、キャッシュの一般設定と使用するキャッシュ方法のタイプが保持されます。 W3-合計-キャッシュ-一般-設定

ダッシュボード

ダッシュボードから、次のようないくつかの簡単なアクションを実行できます。

  • 互換性チェック
  • さまざまな種類のキャッシュを空にする

先に進む前に、インストールされ、有効/無効になっているサーバーモジュールとリソースを表示する互換性チェックを実行することを忘れないでください。 これにより、このキャッシュプラグインが、所有しているリソースに応じてどの程度うまく機能するかがわかります。これだけでなく、より多くのW3TC機能を利用するためにインストールする必要のあるソフトウェアも表示されます。 W3-合計-キャッシュ-互換性-チェック

一般設定

このモードでは、キャッシュ設定を実際に保存する前にプレビューモードを有効にできます。 また、このセクションには、既存のキャッシュをフラッシュするために使用できる[設定の保存][キャッシュのパージ]のオプションもあります。

W3-Total-Cache-Enable-Preview

今日のW3トータルキャッシュ構成ガイドでは、 [一般設定]タブに記載されている設定を構成します

ページキャッシュ

ページキャッシュは、以前にアクセスしたWordPressの投稿/ページのコピーを作成します。 有効になっていない場合、サイトの各ページビューで、WordPressはPHPを実行し、データベースにクエリを送信することでページコンテンツを生成します。

この設定を有効にすると、キャッシュされたバージョンのページが訪問者に提供されます。 これにより、ページの読み込み時間が短縮され、サーバーリソースの負荷も軽減されるため、より多くのトラフィックを処理するサーバーの機能が向上します。

たとえば、サイトのヘッダーまたはフッターはそれほど頻繁には変更されず、ユーザーが同じページに戻るたびにサーバーからの新しいコピーを必要としません。 静的ファイルのコピーはユーザーのブラウザに保存され、再度要求されたときに提供されます。

W3-Total-Cache-Page-cache

推奨されるキャッシュメソッドは、PHP5.6とPHP7の両方での代替PHPコードです。

高度なページキャッシュ

上級ユーザーの場合は、[ WordPressダッシュボード]> [パフォーマンス]に移動し、[ページキャッシュ]オプションをクリックして、要件に応じてWordPressページキャッシュのW3合計キャッシュを構成します。

縮小する

名前が示すように、このオプションを使用すると、CSS、JS、およびHTMLファイルを縮小できます。 これはキャッシュ設定ではなく、WordPressの設定によって動作が異なります。

縮小化とは、ファイルから不要なスペース、コメント、およびインデントを削除して、スペースを節約し、ファイル全体のサイズを縮小するプロセスです。 これらは、表示やその他のユーザーインタラクティビティの原因となるファイルであり、十分な速度で配信されない場合、ユーザーエクスペリエンスに悪影響を与える可能性があります。

以前にWordPressステージングサイトで個別にテストすることをお勧めします。 場合によっては、縮小のプロセスがサーバーに負荷をかけるため、Webサイトのパフォーマンスが低下することがあります。

W3-Total-Cache-Minify

推奨されるキャッシュメソッドは、PHP5.6とPHP7の両方での代替PHPコードです。

高度な縮小

上級ユーザーの場合は、左側のサイドバーから[パフォーマンス]> [縮小]に移動し、要件に従って縮小を構成します。

データベースキャッシュ

データベースクエリをキャッシュすると、サーバーの負荷が軽減されるため、サーバーには、トラフィックの着信フローにWebサイトを提供するためのより多くのリソースがあります。

このタイプのキャッシュでは、ユーザーが同様のリクエストを何度も繰り返すと、頻繁なクエリがキャッシュされて利用されます。 これにより、データベース内のすべてのテーブルを検索する手間が省け、必要な結果がより早く返されます。

これは、ページの読み込みごとに多くのデータベースクエリを送信するWordPressWebサイトがある場合に特に役立ちます。

推奨されるCacheメソッドはMemcachedです。

W3-Total-Cache-Database-cache

高度なデータベースキャッシュ

上級ユーザーの場合は、サイドバーメニューの[パフォーマンス]タブにある[データベースキャッシュ]オプションに移動し、要件に応じてデータベースキャッシュを構成します。

オブジェクトキャッシュ

オブジェクトキャッシュは、データベースを多用するWebサイトで特に役立ちます。 Cloudwaysはしばらく前にサーバーにRedisを統合しました。サーバー→設定とパッケージ→パッケージに移動し、 Redisのインストールをクリックしてから、ここでオブジェクトキャッシュを有効にすることでインストールする必要があります。 WordPressにRedisを追加するための広範なガイドを作成しました。

推奨されるキャッシュメソッドはRedisです。

W3-Total-Cache-Object-Cache

高度なオブジェクトキャッシュ

上級ユーザーの場合は、要件に応じてオブジェクトキャッシュを構成できます。 [パフォーマンス]タブの下にある[オブジェクトキャッシュ]オプションをクリックするだけです。

ブラウザキャッシュ

最近のブラウザは、ユーザーエクスペリエンスを向上させるために、Webサイトの静的コンテンツをキャッシュします。 ブラウザキャッシュのW3TCオプションで、有効/無効にできます。 さらに、要素の例外と有効期限を追加できます。

有効にしてから[ブラウザのキャッシュ]タブに移動し、次の設定を有効にして最大の効果を得るようにすることをお勧めします。

  1. 最終変更ヘッダーを設定
  2. 有効期限ヘッダーを設定します
  3. キャッシュ制御ヘッダーを設定する
  4. エンティティタグを設定する
  5. W3 TotalCacheヘッダーを設定します
  6. HTTP(GZIP)圧縮を有効にする

サイトに定期的な訪問者がいる場合は特に、ブラウザのキャッシュが重要です。 静的コンテンツは、設定で実装したルールに従って、ブラウザにすでにキャッシュされています。 更新されたコンテンツのみがサーバーから読み込まれるため、Webサイト全体の読み込みが速くなり、帯域幅が節約されます。

W3-Total-Cache-Browser-Cache

高度なブラウザキャッシュ

上級ユーザーの場合は、要件に応じてブラウザキャッシュを構成できます。 [パフォーマンス]タブの[ブラウザキャッシュ]オプションをクリックするだけです。

CDN

WordPressのコンテンツ配信ネットワークは、特に世界中からトラフィックを獲得するWebサイトで人気が高まっています。 MaxCDNやCloudflareなどのCDNは人気があり、W3TCプラグインを介してWordPressWebサイトと簡単に統合できます。

CDNは、WordPressホスティングサーバーだけでなく、さまざまな場所からWebサイトの静的コンテンツを提供します。 これにより、サーバーの負荷が軽減され、さまざまな場所からアクセスする訪問者にWebサイトが提供される速度が向上します。

これは、世界中のオーディエンスをターゲットとするトラフィックの多いWebサイトに強くお勧めします。 W3 Total Cacheとも互換性のあるCloudflareのようなCDNには、世界中に150を超えるデータセンターがあります。 これらのネットワークは、ユーザーが要求するたびにWebホストに行き来するのではなく、サーバーを介してWebサイトとサーバーのコピーを作成します。

W3-合計-キャッシュ-CDN

高度なCDN構成

上級ユーザーの場合は、左側のW3TC(パフォーマンス)メニューからCDNに移動し、要件に従ってW3TCCDNを構成します。

リバースプロキシ

Cloudwaysサーバーには、Varnishキャッシュがプリインストールされています。 ワニスは非常に強力なキャッシュであり、コンテンツ全体(Webサイトの静的コンテンツと動的コンテンツの両方を含めることができます)をキャッシュし、そのコンテンツをリピーターや新規訪問者に提供します。 このキャッシュはHTTPリクエストを高速化し、Apache(ウェブサーバー)の前に配置されます。

W3TCでは、Webサイトを更新するたびに、リバースプロキシ設定を使用してVarnishキャッシュを削除します。 有効にしておくことを強くお勧めします。そうしないと、毎回手動でワニスをパージする必要があります。

W3-Total-Cache-Reverse-Proxy

モニタリング

WordPressでNewRelicを使用している場合は、アカウントのNew RelicのAPIを入力するだけで、Webサイトに接続できます。

ただし、Cloudwaysサーバーには、[サーバー管理]→[監視]→[アプリケーション]でアクセスできるNew Relicアカウントが組み込まれているため、これは必須ではありません。

New Relicは、アプリケーションがどの程度うまく機能しているかを洞察し、パフォーマンス関連の問題を引き起こしているスポットを特定するアプリケーションパフォーマンス監視ツールです。

Cloudways-遺物

ライセンス

W3 Total Cache for WordPressサイトの開発者からのサポートと構成ガイドが必要な場合は、ここでライセンスキーを購入して確認できます。

W3-Total-Cache-License

その他

このタブの下に、Google PageSpeedダッシュボードとして使用できる一般的なオプションがあります。 「書き換えルールの検証」を維持し、他のオプションをオフのままにしておくことをお勧めします。

W3-合計-キャッシュ-その他

デバッグ

デバッグモードは、どのキャッシュが機能していて、それがページにどの程度の影響を与えるかを知りたい場合に特に便利です。 デバッグ情報を表示するには、Webサイトのソースコードを表示して、ページの最後に移動します。 キャッシュが有効になっているかどうか、キャッシュされたクエリの数、キャッシュされたページの作成にかかった時間を通知するコメントが表示されます。

W3-Total-Cache-Debug

設定のインポート/エクスポート

多くのWebサイトがあり、W3TCをセットアップする同じプロセスを何度も繰り返したくない場合は、すべての設定を簡単にエクスポートして、他のWebサイトに設定をインポートできます。

W3-合計-キャッシュ-インポート-エクスポート-設定

CloudflareのW3トータルキャッシュ構成

W3 TotalCacheプラグインを使用してCloudflareCDNを使用する場合は、[拡張機能]タブに移動し、WordPress用にCloudflareをセットアップ済みであると想定して、Cloudflareプラグインをアクティブ化→プラグインの設定に移動し、メールアドレスとAPIキーを入力します承認のため。

CloudflareのW3トータルキャッシュ構成

認証が完了すると、W3TCプラグインを使用してCloudflareを構成できるようになります。

Breeze –WordPressキャッシュプラグイン

Breezeは、Cloudwaysチームによって開発された無料でユーザーフレンドリーなWordPressキャッシングプラグインです。 さまざまなレベルでWordPressのパフォーマンスを最適化するためのさまざまなオプションを提供します。 WordPress、WooCommerceを使用したWordPress、WordPressMultisiteでも同様に機能します。 これは、より高速なWebサイトを対象とした機能を備えた軽量プラグインです。

結論

今日は、ページの読み込み時間を短縮するために、WordPress用にW3 TotalCacheを設定する方法を学びました。 W3 Total CachePluginを使用してWordPressWebサイトをより適切に最適化するために微調整できる多くの詳細設定があります。 それはすべて、さまざまなWordPressの設定に依存します。 設定を台無しにする可能性があることに注意してください。そのため、提案された設定を使用することが最も役立つことがわかります。 ただし、それでもさまざまなキャッシュの組み合わせを試してみたい場合は、 サイトの完全バックアップを取ることをお勧めします。