時間差?キャッシュ?

みなさんはワードプレスやブログとかHPの修正・更新って経験あります?

ワードプレスで修正するじゃないですか。
キャッシュが残ってるからか、時間差なのか、
修正された場所が修正されてないんですよね。。。。

検証ツールでもCSSの部分見たら修正前だったってよくある。

昨日もそれで毎回毎回画面閉じてまた開いてを繰り返し。

なんなんですかね。あれ。と思っていたんですが、
CSSのキャッシュは結構残りやすいそうです。
上書き保存したら、cssのキャッシュごと元々のstylesheetをまるっと上書きするので
変更した箇所+キャッシュ=変更箇所の変更上書きに重ねてキャッシュが戻しちゃう
そんなイメージなのかな?

PCの仕様上、しょうがないことのようで、対策も聞きました。
ググっても見つかるみたいですが。

ワードプレスだとheader.phpの<head>の部分に
読み込むスタイルシートはこれだよ~って指定してるんですが、
そこのstylesheetを毎回新しいものに書き換える。
こんな方法があるそうです。

<link rel=”stylesheet” type=”text/css href=”<?php echo get_stylesheet_directory_uri();?>/styles/style.css”>

    ↓

<link rel=”stylesheet” type=”text/css href=”<?php echo get_stylesheet_directory_uri();/styles/style.css?<?php echo date(‘YmdHis’);?>“>

とする。
ハイライトの部分を追加するのです。
このcssに自動で時刻を打刻するシステムにするコードを使うと、
毎回毎回新しいシートなので、操作は上書き保存でも、
cssは毎回ファイル名が違うという事で新しいシートと判別されるので、
キャッシュの上書きみたいな状況がなくなるそうです。

コメントを残す