CSSを完全にキャッシュコントロールしたい場合には、ファイル名のあとの?を付けてクエリ名にすれば良い

CSSを完全にキャッシュコントロールしたい場合には、ファイル名のあとの?を付けてクエリ名にすれば良い
このエントリーをはてなブックマークに追加
PR

CSSの完全なキャッシュコントロールをするにはクエリ文字をファイル名の後に付けてやれば解決できる
クエリ名は?のあとに自由つけることが出来て、クエリ名があるものはキャッシュされているCSSとは別物として読み込まれます、絶対CSSを新しいものに変更して見てもらいたい期間はクエリ名を付けて完全に新しCSSでみてもらうことが出来ます

 

コード例

<link rel="stylesheet" href="css/style.css?20131215">

日付とかにしておけば管理が楽かな?と思います

 

WordPressだと

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>?2013121500">

スタイルシートのURLを取得するコードのあとにつければOKです

 

どうしても、今すぐ新しいCSSで見てもらいたい!って時には重宝します
Googleのpagespeedでは静的ファイルのクエリは削除したほうが表示速度が早くなるっていうのがありますので、普段はできるだけ使わないほうがいいかと思います

また、CSS同様javascriptでも同じことが出来ます

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)