プログラミングWordPressでjsやcssを読み込むときにキャッシュを更新させる対策2020/09/29この記事は2年以上前ですので、内容が古い可能性がありますWordPress開発をしているとき、jsやcssを編集したのに表示が変わっていないぞという経験は、ありませんか?wp_enqueue_script()やwp_enqueue_style()関数で、jsとcssファイル編集後にキャッシュを更新させる対策を紹介します。ブラウザキャッシュとはchromeやfirefoxなどの多くのブラウザには、Webページの表示高速化を目的にキャッシュという機能があります。このキャッシュは、Webページにアクセスした時、ブラウザで見える内容のデータ(js、css等)をキャッシュして表示を速くします。便利な機能ですが、jsやcssを編集してあと、Webページを更新してみると、表示が変わっていないことがあります。これは、ブラウザにキャッシュされた古いjsとcssを読み込んでいるためです。キャッシュを更新して最新のページを表示させる対策として、以下があります。1スーパーリロードをする。スーパーリロードとは、ブラウザのキャッシュを無視してWebページの最新のデータを読み込む機能です。これによって、キャッシュが上書きされ、最新のWebページが表示されます。サイトを閲覧している人誰もがスーパーリロードを知っているとは限らないし、jsやcssが変わっていることを知りません。誰もが最新の状態でWebページを見ることができるように開発者側が配慮する必要があります。そのため、この方法は好ましくありません。R2クエリパラメータにタイムスタンプを指定する。クエリパラメータにタイムスタンプを指定することで、プラウザが別のファイルとして認識され、最新のjsとcssが読み込まれます。href="style.css?date=20190101120000">パラメータ名は、特に決まりはありません。書かなくても動作します。今回は、分かりやすいようにパラメータ名をdateにしています。あとは、jsとcssファイル更新日時のタイムスタンプを動的に変えてやればOKです。WordPressでブラウザキャッシュ対策WordPressでも簡単にキャッシュ対策できます。jsとcssを読み込むwp_enqueue_script()やwp_enqueue_style()関数には、第4引数にバージョンを指定するパラメータが用意されています。バージョンを指定しない場合、デフォルトで設定されるWordPressのバージョンが指定されるようです。そのため、jsとcssを編集しても、WordPressをアップデートされない限りは、最新のjsとcssが読み込まれないことになります。バージョンにタイムスタンプを指定することで、上記で紹介したクエリパラメータにタイムスタンプを指定する対策と同様のことが可能です。));filemtime関数でファイルの更新日時のタイムスタンプを取得しています。ちなみに、以下方法でも可能のようです。こちらの方法では、date以外にデフォルトで設定されるWordPressのバージョンのクエリパラメータも追加で付与されるようです。dateのクエリパラメータだけを表示させたい場合は、上記の方法が良いです。WordPressが大好きな方、仕事を通してさらにスキルを磨きたい方を募集しています。募集職種をご覧の上、お気軽にお問い合わせください。あなたとお会いできるのを楽しみにしています。招待制のAWSのAIサービスイベントレポート先月、招待制のAWSのAIサービスイベントに行ってきました。...この記事をシェアする:OAuthをPHPでイチから書いてみた(最後)最後です。取得したアクセストークンを使ってユーザーのデータを取得します。今回はユーザーのホームのタイムラインを取得して表示します。...この記事をシェアする:【WordPress】カスタムタクソノミーを自作してカスタム投稿タイプに適用させてみる今回はWordPressでカスタムタクソノミーを自作して、カスタム投稿タイプに適用させる。いう作業を自作してみました。通常、ブロック要素を横並びにしたいときは『float』を使うことが多いと思います。...この記事をシェアする:OAuthをPHPでイチから書いてみた(その1)いろいろなWebサービスで採用されているOAuthは、OAuth用のライブラリを使ってしまうと簡単に実装できます。かけ算から生まれる可能性へ。