WordPressブラウザのキャッシュ

公開: 2015-05-18

レバレッジブラウザキャッシング（期限切れキャッシングとも呼ばれます）を使用して、WordPressWebサイトを大幅に高速化します。

多くの速度最適化およびテストプロバイダーは、これを「ブラウザーキャッシュ」、「ブラウザーキャッシュの活用」、「期限切れヘッダー」、「キャッシュヘッダー」、「キャッシュ制御」、および「 Webキャッシュ」と呼びます。 Google PageSpeed Insightsで示されているように、GTMetrixとMaxCDNは、このガイドに従って正しく設定します。

ブラウザキャッシングとは何ですか？

ブラウザのキャッシュは、ページが読み込まれるたびにサーバーからダウンロードする必要がないように、ページまたは特定のリソースを一定期間保存するようにブラウザに指示するWebサーバーの方法です。これにより、ページ全体やJavaScript、CSS、画像（jpeg、png、gifなど）などのリソースをキャッシュできます。

WordPress Webサイトは、最初は各ユーザーに対して通常どおりに読み込まれますが、その後は、ページを閲覧してアクションを実行するため、著しく高速になります。リソースはブラウザに保存され、その結果、リソースは再度ダウンロードするのではなく、ローカルにロードされます。

ブラウザキャッシングの重要性

最終的に、ブラウザキャッシュの目的と重要性は、ユーザーがより快適に体験できるように、WordPressWebサイトを高速化することです。これにより、トラフィックが増加し、検索ランキングが向上し、達成しようとしている成果のコンバージョン率が向上する可能性があります。

追加のボーナス効果として、同じ訪問者の各ページのロードでリソースをダウンロードしないことにより、Webサーバーの負荷が軽減され、Webサーバーの帯域幅も節約されます。

Webキャッシュは、サーバーとユーザーに相互の速度を提供します

ブラウザキャッシュの実装

WordPress Webサイトでのレバレッジブラウザキャッシュの設定は、実際には非常に迅速かつ簡単ですが、設定は、使用している設定とWebサーバーによって異なる場合があります。デフォルトでは、最も一般的なセットアップはApache Webサーバーで実行されているWordPressですが、Nginx、IISなどの他の一般的なWebサーバーも利用できます。

WordPress Leverage Browser Caching Pluginを使用すると、実装が簡単になります。

それをさらに簡単にするために、利用可能ないくつかのWordPressレバレッジブラウザキャッシングプラグインがあります。 WordPress Leverage Browser Caching Ninjasプラグインを使用、テスト、推奨しています。それはあなたのために残りをするインストールとアクティベートプラグインであり、そのように簡単です。

Apacheブラウザキャッシュ

Apacheは、ブラウザのキャッシュに.htaccessファイルを使用します。 WordPressインストールのルートに.htaccessファイルがあるはずです。ファイルがない場合は、ファイルを作成して、最上部に次のコード行を挿入できます。

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" </IfModule> ## EXPIRES CACHING ##

（https://gist.github.com/tribulant/36be0f683eedfa468f51）

Nginxレバレッジブラウザキャッシング

Nginx（En-gine-ex）サーバーを実行している場合、セットアップは上記のApacheとは異なります。次のコードをvhost構成ファイルに追加することをお勧めします。通常は/etc/nginx/sites-enabled/default 。サーバーブロックに以下を追加します。

location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 365d; }

（https://gist.github.com/tribulant/19bb56a222af41854ecc）

Lighttpd

mod_expireモジュールは、ブラウザによるコンテンツのキャッシュを提供するヘッダーを制御するためにLighttpdによって使用されます。これは、それに応じてLighttpdのコアの構成に入ることができます。

$HTTP["url"] =~ "^/images/" { expire.url = ( "" => "access plus 1 hours" ) }

（https://gist.github.com/tribulant/26263533eee33e3b61ed）

MicrosoftIISはブラウザのキャッシュを活用します

IIS（インターネットインフォメーションサービス）のブラウザキャッシュの設定は非常に簡単です。

Administration Toolsインターフェイスでそれを選択し、そのプロパティを表示します。 [ HTTP Headers ]タブを選択すると、2つの興味深い領域が表示されます。 Enable Content ExpirationとCustom HTTP headersを有効にします。 1つ目は自明である必要があり、2つ目はCache-Controlヘッダーを適用するために使用できます。

ブラウザキャッシングの技術

ブラウザのキャッシュを活用するには、HTMLが送信される前にHTTPヘッダーをブラウザに送信することでWebサーバーが実現します。それらは、コンテンツタイプ、現在の日付、サーバーの詳細、キャッシュ制御と有効期限など、これから続くHTMLコンテンツに関する特定のことをブラウザに通知します。

Cache-Control 、 Expires 、およびEtagヘッダーは、ブラウザーにキャッシュ命令を与えるものです。これらのヘッダーは、Apache、Nginx、IISのブラウザーキャッシュを活用するために上記の方法で自動的に作成されるため、興味がない限り、詳細に立ち入る必要はありません。

キャッシュ制御ヘッダー

Cache-Controlは、コンテンツが「フレッシュ」と見なされる期間、キャッシュのパブリック/プライベートステータス、検証などの特定の指示をブラウザに提供します。

キャッシュ制御：max-age = 3600、public

（https://gist.github.com/tribulant/6309926734d3c127064c）

ヘッダーの有効期限が切れます

Expiresヘッダーは、リソースがキャッシュされるべきであり、キャッシュできるまでのHTTP日付のみを提供します。

有効期限：2015年11月28日土曜日05:36:25 GMT

（https://gist.github.com/tribulant/1b655d60a8a665b18b85）

Etagヘッダー

Etagは、サーバーによって送信され、コンテンツの表現が変更されたかどうかを確認するためにブラウザーによって使用されるトークンを使用する検証方法としてHTTP1.1で導入されました。 Etagまでは、ブラウザは主にLast-Modifiedヘッダーを使用していましたが、現在はEtagの方が関連性が高くなっています。ほとんどのWebサーバーは、とにかくLast-ModifiedヘッダーとEtagヘッダーの両方を生成します。

Etag：「pub1259380237;gz」

（https://gist.github.com/tribulant/2b542d76410bc047be00）

ブラウザキャッシングの要点

ブラウザのキャッシュは、速度とパフォーマンスを両方の当事者に提供することにより、あなた（Webサーバー）とユーザーの両方にとって相互に有益です。

ブラウザのキャッシュにより、強力かつ積極的に、Webサーバーは、ユーザーが必要に応じて新しいコンテンツを取得するための更新されたヘッダーを生成するために、リソースがいつ変更されたかを知るのに十分賢いです。ユーザーが古いコンテンツで立ち往生することを慌てる必要はありません。そうではありません。

WordPress WebサイトにはWebブラウザーのキャッシュを強くお勧めします。最終的には、推奨されるWordPress Leverage BrowserCachingNinjasプラグインでうまくいきます。インストールしてアクティブ化するだけで完了です。