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

サーバーサイドレンダリングは、ウェブサイトやアプリケーションにおいて標準的な手法となっています。Google Chromeなどのブラウザは、後続のリクエストの読み込み時間を最小限に抑えるため、可能な限り多くのデータをキャッシュする傾向があります。CSS、JS、画像ファイルのキャッシュ無効化は、 `mod_pagespeed``Expires` / `Cache`制御ヘッダー、キャッシュマニフェスト、またはより実用的かつ直接的な方法として、ファイル名にカスタムパラメータを追加することで実現できます。


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

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

2e634273f316c54b39828f057f7c7d9c

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

2e634273f316c54b39828f057f7c7d9c

Gitのようなバージョン管理システムを使用している場合は、最後のコミットの一意のハッシュ値を使用することもできます(省略形でも十分です)(ここではCSSファイルの例を使用します)。:

2e634273f316c54b39828f057f7c7d9c

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

2e634273f316c54b39828f057f7c7d9c

バック