どうしたらいいのNAVI

どうしたらいいの?にお答えするサイト

【W3 Total Cache】ブラウザキャッシュのHTMLとXMLの設定

      2015/11/07


WordPressでブログを運営している人でW3 Total Cacheを使ってブラウザキャッシュをコントロールしている人も多い事でしょう。
W3 Total Cacheのブラウザキャッシュには全般的な設定の他、HTMLとXMLに関する具体的な設定を行う事が出来、ブラウザキャッシュの複雑な技術を簡単に設定する事が出来ます。

 
W3 Total Cacheを使い慣れていない人はブラウザキャッシュのHTML&XMLに関する設定について具体的にどんな事をする項目なのか難しく感じる事もあるでしょう。

 
W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定について簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 
【W3 Total Cache】ブラウザキャッシュのHTMLとXMLの設定
 

 

W3 Total CacheのブラウザキャッシュにおけるHTMLとXMLの設定とは

W3 Total CacheのブラウザキャッシュにおけるHTMLとXMLの設定では、ブログのHTMLとXMLファイルに対してブラウザのキャッシュを促すかどうかを設定する事が出来ます。
HTMLとXMLの設定では次のような設定を行う事が出来ます。

  • HTMLやXMLファイルに最終更新情報を付けるか
  • HTMLとXMLファイルに対して有効期限を付けるか
  • HTMLとXMLファイルの有効期限の時間
  • HTMLとXMLにキャッシュ制御情報を付けるかどうか
  • キャッシュ制御情報の条件(ポリシー)
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか

 

 

 

HTMLやXMLファイルに最終更新情報を付けるか

HTMLやXMLファイルに最終更新情報を付けるか
HTMLやXMLファイルに最終更新情報を付けるかどうかでは、HTMLやXMLが最後に更新された時間をタイムスタンプとして保持する事で、ブラウザがキャッシュしたHTMLやXMLファイルの情報が最新情報か古い情報かを判断する事が出来るようになります。

HTMLやXMLファイルに最終更新情報を付けるかどうかは、「Set Last-Modified header」にチェックを入れると有効化され、チェックを外すと無効化されます。

画像の例ではHTMLやXMLファイルに最終更新情報を付ける設定になっています。

 

 

 

HTMLとXMLファイルに対して有効期限を付けるか

HTMLとXMLファイルに対して有効期限を付けるか
HTMLとXMLファイルに対して有効期限を付けるかどうかでは、HTTPレスポンスヘッダーにキャッシュの有効期限をタイムスタンプ形式で保持する事で、キャッシュの有効期限切れをブラウザが判断できるようにするものです。

ブラウザキャッシュに有効期限を付けるかどうかは「Set expires header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

画像の例ではブラウザのキャッシュファイルに有効期限を付ける設定になっています。

 

 

 

HTMLとXMLファイルの有効期限の時間

HTMLとXMLファイルの有効期限の時間
HTMLとXMLファイルの有効期限の時間の設定では、HTMLとXMLファイルに対して有効期限を付けた場合に、何秒間HTMLとXMLファイルを有効な時間として保持するか指定する事が出来ます。
HTMLとXMLファイルの有効期限の時間は「Expires header lifetime」のテキストボックスに秒単位で入力する事が出来ます。

 
デフォルトの設定では「3600秒(1時間)」の設定になっています。

 
画像の例ではHTMLとXMLファイルの有効期限の時間はデフォルトのままとしています。

 

 

 

HTMLとXMLにキャッシュ制御情報を付けるかどうか

HTMLとXMLにキャッシュ制御情報を付けるかどうか
HTMLとXMLにキャッシュ制御情報を付けるかどうかでは、「ブラウザキャッシュに有効期限」よりもより詳細な形でブラウザにキャッシュファイルを作成するよう促す事が出来ます。

ヘッダーのキャッシュ制御情報は「Cache-Control」と呼ばれ、例えば300秒はブラウザにキャッシュをするように促す事が出来ます。
もしブラウザのキャッシュの有効期限が設定されていた場合は、Cache-Controlの方がブラウザのキャッシュとして優先されます。

ヘッダーにHTMLとXMLのキャッシュ情報を付けるかどうかは「Set cache control header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

画像の例では、ヘッダーにキャッシュ制御情報を付ける設定になっています。

 

 

 

キャッシュ制御情報の条件(ポリシー)

キャッシュ制御情報の条件(ポリシー) (2)
キャッシュ制御情報の条件(ポリシー)では、「HTMLとXMLにキャッシュ制御情報を付ける」設定にした場合に、具体的にどのような条件でキャッシュ情報の制御を行うのかを指定する事が出来ます。

 
キャッシュ制御情報の条件は「Cache Control policy」のリストボックスで指定する事が出来、HTTPレスポンスヘッダーに準拠するキャッシュコントロール条件について記述する事が出来ます。

 
条件となるリストには次のような制御条件が記載されています。

  • cache(“public”)
  • cache with max-age(“public,max-age=EXPIRES_SECONDS”)
  • cache with validation(“public,must-revalidate,proxy-revalidate”)
  • cache with max-age and validation(“max-age=EXPIRES_SECONDS,public,must-revalidate,proxy-revalidate”)
  • cache without proxy(“private,must-revalidate”)
  • no-cache(“max-age=0,private,no-store,nocache,moust-revalidate”)

 
画像の例ではデフォルトで設定されている「cache with max-age(“public,max-age=EXPIRES_SECONDS”)」(ブラウザの有効期限と一緒)を指定しています。

 

 

 

エンティティータグを設定するかどうか

エンティティータグを設定するかどうか (3)
エンティティータグを設定するかどうかでは、CSSやJSファイルが最新の情報かどうかを識別子であらわすEtagをHTTPレスポンスヘッダーに追加するかどうかを設定することが出来ます。

EtagはURL上に存在するコンテンツ等のオブジェクトが更新されない限り同じ識別子を使い、オブジェクトが更新された場合は新しい値となります。
これにより、ブラウザは自分が持っているキャッシュが最新か古いかを判断する事が出来るようになります。

エンティティータグを設定するかどうかは「Set entity tag (eTag)」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

画像の例ではエンティティータグをHTTPレスポンスヘッダーに記述する設定になっています。

 

 

 

ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか

ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか (3)
詳細は不明ですが、ヘッダー情報にW3 Total Cacheによって作成されるファイルをヘッダー情報として追加する設定の様です。
最適化されたファイルを特定する為に追加される情報なので、現状ではW3 Total Cacheのヘッダーを追加するようにしておいた方が良いのかもしれません。

 
ヘッダーにW3 Total Cacheのヘッダーを付けるかどうかでは「Set W3 Total Cache header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

 
画像の例ではヘッダーにW3 Total Cacheのヘッダーを付ける設定になっています。

 

 

 

HTTPのgzip圧縮を有効にするか

HTTPのgzip圧縮を有効にするか (3)
HTTPのgzip圧縮を有効にするかでは、通信に用いられるテキストベースの情報をgzip形式で圧縮して通信に用いるかどうかを設定する事が出来ます。
CSSやJSファイルをgzipで圧縮する事によって全体のファイル容量が抑えられるため、通信の高速化を実現してくれます。

HTTPのgzip圧縮を有効化するかどうかは「Enable HTTP (gzip) compression」のチェックボックスにチェックをすると有効化され、チェックを外すと無効化されます。

画像の例ではHTTPのgzip圧縮を有効にする設定になっています。

 

 

 

スポンサーリンク


W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定を読むうえで知っておきたい知識

W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定を読む上で知っておきたい事について紹介します。
何かに困った時に他の方法を思いついたり、用語がわからなくて読みづらいと感じた場合は、これから紹介する事を参考にしてみてください。

 

 

 

W3 Total Cacheについて

【Wordpress】キャッシュを使ってブログを高速化しよう! W3 Total Cache
W3 Total CacheはWordpressのプラグインで、コンテンツのキャッシュを作ってくれるプラグインです。
W3 Total Cacheは英語での表記ですが、キャッシュ系の細かな設定を行う事が出来るため、非常に便利なプラグインの一つなのです。

 
W3 TotalCacheには有償版と無償版がありますが、無償版でも十分に使えます。

 
W3 Total CacheをWordpressにインストールする
W3 Total CacheはWordpressのプラグインなので、新規のプラグイン追加の手順でWordpressにインストールすることが出来ます。
インストールした後はプラグインの有効化をする事を忘れないようにしましょう。

 
W3 Total Cacheのインストールは次の手順が主流です。

  • Wordpressのプラグインの「プラグインを追加」の画面で「W3 Total Cache」と検索する
  • 検索で表示された「W3 Total Cache」を「いますぐインストール」ボタンを押してインストール

 

W3 Total Cacheの設定方法と使い方とは
W3 Total Cacheはブログ高速化の上で必要なサーバ側、ブラウザ側のキャッシュに関する設定を行う事が出来ます。

 
サーバー側ではアクセスがあった際にページを表示する上で必要なページやデータベースの検索結果、ページを構成するオブジェクトなどを作成する事でいちから記事を作成するのではなく、あらかじめ用意しておいた部品(キャッシュ)を利用する事でブログの表示速度を向上させます。

 
ブラウザ側での設定ではブログに訪問したブラウザに対してHTMLやCSS、JSファイル等をキャッシュして保持するよう促し、再訪問の際にキャッシュを利用する事でページ閲覧時の高速化を測る事が出来ます。また、ブラウザ側でキャッシュしたファイルをユーザーが閲覧する事でWordpressのサーバー側では負荷が軽減される事でもブログの表示速度を向上させる効果があります。

 
サーバやブラウザだけでなくCDNに関する設定を行う事が出来、W3 Total CacheをCDNと連携して色々なファイルを連携する事で、場所的に閲覧ユーザーから近いサーバーからコンテンツを提供する事でブログの表示速度を向上させる設定もあります。

 
W3 Total Cacheで設定できる項目は次の通りです。

  • 全体設定
  • ページキャッシュの設定
  • ソースの最適化設定
  • データベースキャッシュの設定
  • オブジェクトキャッシュの設定
  • ブラウザーキャッシュの設定
  • ユーザーエージェントグループの設定
  • リファラーグループの設定
  • CDNの設定
  • モニタリング設定
  • その他の設定

 

W3 Total Cacheで起こりやすい不具合
W3 Total Cache等のキャッシュプラグインを導入し、利用すると、動的コンテンツを配信するサイトやブログなどではキャッシュの制御が適正に行われていないと古い情報が画面上に残ってしまったり、JavaScriptが動作しなくなってしまったりなどの不具合を起こす事があります。

 
多くはツールによって起こる不具合ではなく、ブログ運営のスタイルに合っていない設定であったり、キャッシュファイルの削除期限であったり、キャッシュファイルの参照グループの設定が行えていなかったりする事が原因でブログで不具合を起こす事が多いです。

 
W3 Total Cacheでブログ上でよく起こる不具合としては次のようなものがあります。

 

  • レスポンシブデザインでモバイルとパソコンで同じ広告位置表示になってしまう

 
キャッシュを使ってブログを高速化するW3 Total Cacheについては「【W3 Total Cache】W3 Total Cacheの設定方法と使い方」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 

 

W3 Total Cacheの設定と使い方について

W3 Total Cacheの設定方法と使い方とは
W3 Total Cacheはブログ高速化の上で必要なサーバ側、ブラウザ側のキャッシュに関する設定を行う事が出来ます。

 
サーバー側ではアクセスがあった際にページを表示する上で必要なページやデータベースの検索結果、ページを構成するオブジェクトなどを作成する事でいちから記事を作成するのではなく、あらかじめ用意しておいた部品(キャッシュ)を利用する事でブログの表示速度を向上させます。

 
ブラウザ側での設定ではブログに訪問したブラウザに対してHTMLやCSS、JSファイル等をキャッシュして保持するよう促し、再訪問の際にキャッシュを利用する事でページ閲覧時の高速化を測る事が出来ます。また、ブラウザ側でキャッシュしたファイルをユーザーが閲覧する事でWordpressのサーバー側では負荷が軽減される事でもブログの表示速度を向上させる効果があります。

 
サーバやブラウザだけでなくCDNに関する設定を行う事が出来、W3 Total CacheをCDNと連携して色々なファイルを連携する事で、場所的に閲覧ユーザーから近いサーバーからコンテンツを提供する事でブログの表示速度を向上させる設定もあります。

 
W3 Total Cacheで設定できる項目は次の通りです。

  • 全体設定
  • ページキャッシュの設定
  • ソースの最適化設定
  • データベースキャッシュの設定
  • オブジェクトキャッシュの設定
  • ブラウザーキャッシュの設定
  • ユーザーエージェントグループの設定
  • リファラーグループの設定
  • CDNの設定
  • モニタリング設定
  • その他の設定

 

全体設定は、W3 Total Cache全体に関する設定を行う項目です。
Wordpressの管理画面の「Performance」→「General Settings」と進んだ先が全体設定を行うページです。
設定が終わったら必ず「Save all Settings」ボタンを押して設定を保存しましょう。

 
W3 Total Cacheの全体設定として行う事が出来る事は次の通りです。

  • 開発者の推奨設定を使用するかどうか
  • ページキャッシュを行うかどうか
  • ページキャッシュするサーバーを選択する
  • ソースの最適化設定を行うかどうか
  • ソースの最適化の全体設定
  • データベースキャッシュを行うかどうか
  • データベースキャッシュの保存先
  • オブジェクトキャッシュを行うかどうか
  • オブジェクトキャッシュの保存先
  • ブラウザーキャッシュを行うかどうか
  • CDNを使うかどうか
  • 利用しているCDNの選択
  • リバースプロキシを使用するかどうか
  • バニッシュサーバーの設定
  • モニタリングを利用するかどうか
  • モニタリングAPIの設定
  • ライセンスキーの設定
  • その他の設定

 

ページキャッシュの設定(Page Cache)は、W3 Total Cacheのページキャッシュに関する詳細設定を行います。

 
Wordpressの管理画面の「Performance」→「Page Cache」と進んだ先がページキャッシュの設定を行うページです。

 
W3tcでページキャッシュとして設定できる項目としては次の通りです。

  • ページキャッシュの全体設定(General)
  • ページキャッシュの自動生成に関する設定(Cache Preload)
  • ページキャッシュ更新の契機に関する設定(Purge Policy: Page Cache)
  • 高度な設定(Advanced)

 

データベースキャッシュの設定(Database Cache)は、W3 Total Cacheのデータベースキャッシュに関する詳細設定を行います。

 
Wordpressの管理画面の「Performance」→「Database Cache」と進んだ先がページキャッシュの設定を行うページです。
設定が終わったら必ず「Save all Settings」ボタンを押して設定を保存しましょう。

 
W3tcでページキャッシュとして設定できる項目としては次の通りです。

  • 全体設定
  • 高度な設定

 

オブジェクトキャッシュの設定(Object Cache)は、W3 Total Cacheのオブジェクトキャッシュに関する詳細設定を行います。
オブジェクトキャッシュの設定は、W3tc上ではそもそも高度な設定として扱われています。

 
Wordpressの管理画面の「Performance」→「Object Cache」と進んだ先がページキャッシュの設定を行うページです。
設定が終わったら必ず「Save all Settings」ボタンを押して設定を保存しましょう。

 
W3tcでオブジェクトキャッシュとして設定できる高度な設定項目は次の通りです。

  • キャッシュオブジェクトのデフォルトの有効期間
  • ガベージコレクションのインターバル時間
  • グローバルグループの設定
  • 非永続グループの設定

 

ブラウザーキャッシュの設定(Browser Cache)では、W3 Total Cacheのブラウザーキャッシュに関する詳細設定を行います。

 
Wordpressの管理画面の「Performance」→「Browser Cache」と進んだ先がブラウザーキャッシュの設定を行うページです。
設定が終わったら必ず「Save all Settings」ボタンを押して設定を保存しましょう。

 
W3tcでブラウザーキャッシュとして設定できる項目としては次の通りです。

  • 全体設定
  • CSSとJSに関する設定
  • HTMLとXMLに関する設定
  • メディアやその他のファイルに関する設定

 
ユーザーエージェントグループの設定
ユーザーエージェントグループの設定では、WWW(ワールドワイドウェブ)から情報を取得するHTTPユーザーエージェントのグループを作成する事が出来ます。

 
ユーザーエージェントグループとしてまとめられたエージェントからアクセスがあった場合、W3 Total Cacheはグループごとのキャッシュを作成し、グループ内の同じユーザーエージェント、もしくは別のユーザーエージェントからアクセスがあった場合にキャッシュファイルをグループ内で利用できるようにします。

 
ユーザーエージェントグループの設定は「Performance」->「User Agent Groups」で設定画面を開く事が出来ます。

 
ユーザエージェントグループの設定では次の設定を行う事が出来ます。

  • ユーザエージェントグループの有効化
  • ユーザーエージェントグループを利用するテーマ
  • ユーザーエージェントグループに含まれるエージェントでアクセスがあった場合のエージェントリダイレクトの設定
  • グループを構成するエージェントの設定

 
リファラーグループの設定
リファラーグループの設定では、ブログの照会人・照会元であるリファラーのグループを作成する事が出来ます。

 
リファラーグループとしてまとめられたリファラーからアクセスがあった場合、W3 Total Cacheはグループごとのキャッシュを作成し、同じリファラーや、同じグループ内の別のリファラーからアクセスがあった場合にキャッシュファイルをグループ内で利用できるようにします。

 
リファラーグループの設定は「Performance」->「Referrer Groups」で設定画面を開く事が出来ます。
リファラーグループの設定では次の設定を行う事が出来ます。

  • リファラーグループの有効化
  • リファラーグループを利用するテーマ
  • リファラーグループに含まれるリファラーでアクセスがあった場合のリファラーリダイレクトの設定
  • グループを構成するリファラーの設定

 
モニタリング設定
モニタリングの設定は、W3 Total Cacheで推奨されているモニタリングツールである「New Relic」についての設定を行う事が出来ます。
New Relicによるモニタリングの設定については、申し訳ありませんが当ブログでは取り扱いませんのでご了承ください。

 
その他の設定
その他の設定では、W3 Total Cache上で利用する事が出来る各種オプションの設定を行う事が出来ます。
各種オプションは有効化する事によってW3 Total Cache上で利用する事が出来ます。

 
その他の設定でW3 Total Cacheとして利用する事が出来るオプションは次の通りです。

  • CloudFlare
  • FeedBurner

 
W3 Total Cacheの設定方法と使い方については「【W3 Total Cache】W3 Total Cacheの設定方法と使い方」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 

 

 

W3 Total Cacheのブラウザキャッシュの設定について

【W3 Total Cache】ブラウザキャッシュ(Browser Cache)を設定しよう!
ブラウザーキャッシュの設定(Browser Cache)では、W3 Total Cacheのブラウザーキャッシュに関する詳細設定を行います。

 
Wordpressの管理画面の「Performance」→「Browser Cache」と進んだ先がブラウザーキャッシュの設定を行うページです。
設定が終わったら必ず「Save all Settings」ボタンを押して設定を保存しましょう。

 
W3tcでブラウザーキャッシュとして設定できる項目としては次の通りです。

  • 全体設定
  • CSSとJSに関する設定
  • HTMLとXMLに関する設定
  • メディアやその他のファイルに関する設定

 

W3 Total Cacheのブラウザキャッシュ(Browser Cache)では、キャッシュファイルの更新の条件や設定前後でキャッシュを有効化するか等、Wordpressのブログに関わるブラウザーキャッシュの全体的な制御に対する設定を行う事が出来ます。

W3 Total Cacheのブラウザキャッシュの全般設定は「Browser Cache」の「General」から設定する事が出来ます。

ブラウザーキャッシュの全体設定としては次の項目を設定する事が出来ます。

  • ページの最終更新情報を付けるか
  • ブラウザキャッシュに有効期限を付けるか
  • ヘッダーにキャッシュ制御情報を付けるかどうか
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか
  • 設定変更前のキャッシュを無効化する
  • 設定変更前のキャッシュを無効化する例外の設定
  • クッキーを保存しない
  • 404エラーをWordpressに処理させない設定
  • 404エラーをWordpressに処理させない例外ファイルの設定

 

W3 Total CacheのブラウザキャッシュにおけるCSSとJSの設定では、CSSファイルとJSファイルに対してブラウザのキャッシュを促すかどうかを設定する事が出来ます。
CSSとJSの設定では次のような設定を行う事が出来ます。

  • CSSやJSファイルに最終更新情報を付けるか
  • CSSとJSファイルに対して有効期限を付けるか
  • CSSとJSファイルの有効期限の時間
  • CSSとJSにキャッシュ制御情報を付けるかどうか
  • キャッシュ制御情報の条件(ポリシー)
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか
  • 設定変更前のキャッシュを無効化する
  • クッキーを保存しない

 

W3 Total CacheのブラウザキャッシュにおけるHTMLとXMLの設定では、ブログのHTMLとXMLファイルに対してブラウザのキャッシュを促すかどうかを設定する事が出来ます。
HTMLとXMLの設定では次のような設定を行う事が出来ます。

  • HTMLやXMLファイルに最終更新情報を付けるか
  • HTMLとXMLファイルに対して有効期限を付けるか
  • HTMLとXMLファイルの有効期限の時間
  • HTMLとXMLにキャッシュ制御情報を付けるかどうか
  • キャッシュ制御情報の条件(ポリシー)
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか

 

W3 Total Cacheのブラウザキャッシュにおけるメディアファイルとその他のファイルの設定では、ブログのメディアファイルととHTML,CSS,JS,XML,メディア以外のファイルに対してブラウザのキャッシュを促すかどうかを設定する事が出来ます。
メディアファイルとその他のファイルの設定では次のような設定を行う事が出来ます。

  • メディアファイルやその他のファイルに最終更新情報を付けるか
  • メディアファイルやその他のファイルに対して有効期限を付けるか
  • メディアファイルやその他のファイルの有効期限の時間
  • メディアファイルやその他のファイルにキャッシュ制御情報を付けるかどうか
  • キャッシュ制御情報の条件(ポリシー)
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか
  • 設定変更前のキャッシュを無効化する
  • クッキーを保存しない

 
W3 Total Cacheでブラウザキャッシュ(Browser Cache)を設定する方法は「【W3 Total Cache】ブラウザキャッシュ(Browser Cache)を設定しよう!」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 

 

 

W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定 あとがき

W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定 あとがき
W3 Total Cacheのブラウザキャッシュ(Browser Cache)のHTMLとXML設定について紹介しました。
ブラウザのキャッシュの中でもHTMLやXMLというのは基本的にメインコンテンツとなる部分なので、しっかり設定してブラウザに対してキャッシュをさせるなりし、高速化を図りたいものですよね。

 
W3 Total Cacheによってブラウザにキャッシュを促し、ブラウザが実際にキャッシュしたファイルを利用する事によってブログは高速化されるので特に回遊率の高いブログの場合はパワーを発揮してくれることでしょう。

 
ブラウザのキャッシュはスタンダードながらサーバとの通信を行わないでコンテンツを閲覧できるという点では一番効果が高い方法なので、是非利用してブログの高速化に役立てていきましょう。

 

 

 

 

W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定 まとめ

W3 Total CacheのブラウザキャッシュのHTMLとXMLの設定 まとめ
W3 Total CacheのブラウザキャッシュにおけるHTMLとXMLの設定では、ブログのHTMLとXMLファイルに対してブラウザのキャッシュを促すかどうかを設定する事が出来ます。
HTMLとXMLの設定では次のような設定を行う事が出来ます。

  • HTMLやXMLファイルに最終更新情報を付けるか
  • HTMLとXMLファイルに対して有効期限を付けるか
  • HTMLとXMLファイルの有効期限の時間
  • HTMLとXMLにキャッシュ制御情報を付けるかどうか
  • キャッシュ制御情報の条件(ポリシー)
  • エンティティータグを設定するかどうか
  • ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか
  • HTTPのgzip圧縮を有効にするか

 
HTMLやXMLファイルに最終更新情報を付けるか
HTMLやXMLファイルに最終更新情報を付けるかどうかでは、HTMLやXMLが最後に更新された時間をタイムスタンプとして保持する事で、ブラウザがキャッシュしたHTMLやXMLファイルの情報が最新情報か古い情報かを判断する事が出来るようになります。

HTMLやXMLファイルに最終更新情報を付けるかどうかは、「Set Last-Modified header」にチェックを入れると有効化され、チェックを外すと無効化されます。

 
HTMLとXMLファイルに対して有効期限を付けるか
HTMLとXMLファイルに対して有効期限を付けるかどうかでは、HTTPレスポンスヘッダーにキャッシュの有効期限をタイムスタンプ形式で保持する事で、キャッシュの有効期限切れをブラウザが判断できるようにするものです。

ブラウザキャッシュに有効期限を付けるかどうかは「Set expires header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

 
HTMLとXMLファイルの有効期限の時間
HTMLとXMLファイルの有効期限の時間の設定では、HTMLとXMLファイルに対して有効期限を付けた場合に、何秒間HTMLとXMLファイルを有効な時間として保持するか指定する事が出来ます。
HTMLとXMLファイルの有効期限の時間は「Expires header lifetime」のテキストボックスに秒単位で入力する事が出来ます。

 
デフォルトの設定では「3600秒(1時間)」の設定になっています。

 
HTMLとXMLにキャッシュ制御情報を付けるかどうか
HTMLとXMLにキャッシュ制御情報を付けるかどうかでは、「ブラウザキャッシュに有効期限」よりもより詳細な形でブラウザにキャッシュファイルを作成するよう促す事が出来ます。

ヘッダーのキャッシュ制御情報は「Cache-Control」と呼ばれ、例えば300秒はブラウザにキャッシュをするように促す事が出来ます。
もしブラウザのキャッシュの有効期限が設定されていた場合は、Cache-Controlの方がブラウザのキャッシュとして優先されます。

ヘッダーにHTMLとXMLのキャッシュ情報を付けるかどうかは「Set cache control header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

 
キャッシュ制御情報の条件(ポリシー) (2)
キャッシュ制御情報の条件(ポリシー)では、「HTMLとXMLにキャッシュ制御情報を付ける」設定にした場合に、具体的にどのような条件でキャッシュ情報の制御を行うのかを指定する事が出来ます。

 
キャッシュ制御情報の条件は「Cache Control policy」のリストボックスで指定する事が出来、HTTPレスポンスヘッダーに準拠するキャッシュコントロール条件について記述する事が出来ます。

 
条件となるリストには次のような制御条件が記載されています。

  • cache(“public”)
  • cache with max-age(“public,max-age=EXPIRES_SECONDS”)
  • cache with validation(“public,must-revalidate,proxy-revalidate”)
  • cache with max-age and validation(“max-age=EXPIRES_SECONDS,public,must-revalidate,proxy-revalidate”)
  • cache without proxy(“private,must-revalidate”)
  • no-cache(“max-age=0,private,no-store,nocache,moust-revalidate”)

 
エンティティータグを設定するかどうか (3)
エンティティータグを設定するかどうかでは、CSSやJSファイルが最新の情報かどうかを識別子であらわすEtagをHTTPレスポンスヘッダーに追加するかどうかを設定することが出来ます。

EtagはURL上に存在するコンテンツ等のオブジェクトが更新されない限り同じ識別子を使い、オブジェクトが更新された場合は新しい値となります。
これにより、ブラウザは自分が持っているキャッシュが最新か古いかを判断する事が出来るようになります。

エンティティータグを設定するかどうかは「Set entity tag (eTag)」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

 
ヘッダーにW3 Total Cacheのヘッダーを付けるかどうか (3)
詳細は不明ですが、ヘッダー情報にW3 Total Cacheによって作成されるファイルをヘッダー情報として追加する設定の様です。
最適化されたファイルを特定する為に追加される情報なので、現状ではW3 Total Cacheのヘッダーを追加するようにしておいた方が良いのかもしれません。

 
ヘッダーにW3 Total Cacheのヘッダーを付けるかどうかでは「Set W3 Total Cache header」のチェックボックスにチェックを入れると有効化され、チェックを外すと無効化されます。

 
HTTPのgzip圧縮を有効にするか (3)
HTTPのgzip圧縮を有効にするかでは、通信に用いられるテキストベースの情報をgzip形式で圧縮して通信に用いるかどうかを設定する事が出来ます。
CSSやJSファイルをgzipで圧縮する事によって全体のファイル容量が抑えられるため、通信の高速化を実現してくれます。

HTTPのgzip圧縮を有効化するかどうかは「Enable HTTP (gzip) compression」のチェックボックスにチェックをすると有効化され、チェックを外すと無効化されます。

 

 
最後までお読みいただきありがとうございました。

スポンサーリンク





 - Wordpress , , , , ,

Message

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

  関連記事

【Wordpress】データベースをバックアップするWP Database Backup
【WordPress】データベースをバックアップするWP Database Backup

WordPressでデータベースのバックアップを簡単に行いたい場合がありますよね …

【Quick Adsense】記事下に自動で広告を挿入するQuick Adsenseの設定
【Quick Adsense】記事下に自動で広告を挿入するQuick Adsenseの設定

WordPressでブログを運営している人で、Quick Adsenseを使って …

【Wordpress】記事作成や作業を効率化するおすすめのプラグイン
【WordPress】記事作成や作業を効率化するおすすめのプラグイン

ブログをWordpressで運営している人は多いですよね。 ブログをWordpr …

【Crayon Syntax Highlighter】ショートコードで表示するとソースコードにCSSが反映されない原因
【Crayon Syntax Highlighter】ショートコードで表示するとソースコードにCSSが反映されない原因

WordPress上のブログでソースコードを紹介するのに、プラグインとしてCra …

【Wordpress】データ通信を削減してブログを高速化! Head Cleaner
【WordPress】データ通信を削減してブログを高速化! Head Cleaner

WordPressでブログを運営している人で、「もっとブログのパフォーマンスを上 …

【Quick Adsense】Quick Adsenseの広告の掲載位置を設定する
【Quick Adsense】Quick Adsenseの広告の掲載位置を設定する

Googleアドセンスや忍者アドマックスの広告などの掲載の為、Wordpress …

【W3 Total Cache】ブラウザキャッシュのメディアファイルとその他のファイルの設定
【W3 Total Cache】ブラウザキャッシュのメディアファイルとその他のファイルの設定

W3 Total Cacheのブラウザキャッシュでは、画像や動画、音声ファイルと …

【Autoptimize】Autoptimizeの高度な設定 より使えるようにする設定
【Autoptimize】Autoptimizeの高度な設定 より使えるようにする設定

AutoptimizeはHTMLやCSS,JavaScriptを縮小・最適化する …

【Wordpress開発環境】Wordpress初期設定で必要なデータベースの作成
【WordPress開発環境】WordPress初期設定で必要なデータベースの作成

WordPressはレンタルサーバーでブログ運営する場合、多くのレンタルサーバー …

【Head Cleaner】CSSとJavaScriptをサーバ上にキャッシュする設定!
【Head Cleaner】CSSとJavaScriptをサーバ上にキャッシュする設定!

WordPressでブログを運営している人の中にはブログの高速化を期待して、高速 …