実用的なキャッシュの無効化

サーバー側のレンダリングは、Webサイトとアプリケーションの標準レパートリーの一部になりました。 Google Chromeなどのブラウザも、以降の呼び出しの読み込み時間を最小限に抑えるために、可能な限りキャッシュする傾向があります。 CSS / JS /イメージファイルのキャッシュ無効化は、 mod_pagespeedExpires / Cacheコントロールヘッダー、キャッシュマニフェスト、またはファイル名の後の個々のパラメーターを介して非常に実用的かつ直接的に解決できます。


ファイルをいつリロードするかどうかについては、さまざまな戦略があります。

最も単純なバリアントは、リクエストごとにリロードすることです。 これを行うには、埋め込むファイルにランダムな文字列を追加するだけで、強制的に再読み込みします(ここでは例として画像ファイルを使用します):

2e634273f316c54b39828f057f7c7d9c

それがあまりにも良いことであり、代わりにファイルが変更されたときにのみリロードしたい場合は、最後のファイル変更の日付が使用されます(ここではJSファイルの例を使用):

2e634273f316c54b39828f057f7c7d9c

Gitなどのバージョン管理を使用する場合は、最後のコミットの一意のハッシュを使用することもできます(短縮バージョンで十分です)(ここでは例としてCSSファイルを使用します):

2e634273f316c54b39828f057f7c7d9c

WordPressはデフォルトでenqueue_styleおよびenqueue_scriptを介して統合されたすべてのファイルに現在のWordPressバージョンを添付ます。 この動作は、引数として関数呼び出しで直接変更するか、グローバルに接続して上記のメソッドの1つを使用することができます。:

2e634273f316c54b39828f057f7c7d9c

バック