Cache-Control未指定なのにキャッシュされてない！

Contents

キャッシュが使われない
各ブラウザのキャッシュ具合を見てみる
ページの更新について
ページの強制更新

キャッシュが使われない

レスポンスヘッダでCache-Controlを未指定の場合、たいていの場合キャッシュは有効になります。

参考記事：Cache-Controlヘッダがないときもブラウザがキャッシュする！？ | Zenn

先日キャッシュの検証を行うために、まずはCache-Control無しでブラウザにキャッシュされることを確認しようと思いました。

確認しようと思いました。確認できませんでした。キャッシュされずに毎回取得しに行っていたのです。

localhostだとキャッシュしないのかなーとか、なんか色々考えていた時にふと画面を見てみました。

ん？

あ　ほ　く　さ。これやん。

各ブラウザのキャッシュ具合を見てみる

知っているのについつい忘れてしまうことってありますよね。

各ブラウザがデフォルト(Cache-Control無し)でどのようにキャッシュするかのキャプチャ置いておきますね^^

ちなみに、F5ではなくアドレス打ち直し（アドレスバーエンター）したキャプチャです。

Firefox(dev)

Google Chrome

Microsoft Edge

IE11

どのブラウザも、Cache-Control無しの場合、本体はキャッシュしないものの付随するイメージファイルやjsなどはキャッシュする感じですね。

IEが画像を開発者ツールに載せない主義みたいですけど、IEに使う労力は無いから。

ソースはこんな感じのを使っていました。

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8">
        <link rel="icon" href="banana.jpg">
        <script src="jquery.js"></script>
    </head>
    <body>
        <p>cache test</p>
        <img src="banana.jpg" width="300">
    </body>
</html>