CSSやJSを更新したときだけキャッシュではなく新規読込みとする

この記事は約 2 分で読めます。

「CSSを更新したはずなのに反映されないんだけど…」
ユーザーにとって有益ですが、制作者にとっては時に厄介なキャッシュ機能。
PHPのfilemtime()関数を使用して読み込むURLのパラメータにファイルのタイムスタンプ(更新日時)を追加することで対応します。

<link href="/asset/css/style.css?<?php echo filemtime( __DIR__ . '/style.css'); ?>" rel="stylesheet">
//WordPressの例
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css', array(), filemtime( get_template_directory_uri() . '/style.css'));
//子テーマ用
wp_enqueue_style( 'style', get_stylesheet_directory_uri() . '/style.css', array(), filemtime( get_stylesheet_directory() . '/style.css'));

webのお仕事お受けします💪

WordPressやJavaScriptのカスタマイズ、Google PageSpeed Insightsのスコア改善、エラー解消などのwebサイトの部分改修、効果の見えるweb広告初期設定・運用をランサーズMENTAなどでお受けしています。