css - CSS 画像キャッシュ

Question

クライアント側の画像キャッシュに関して、次の点に違いはありますか:

**Option #1**
<div style="background:url('myimage.jpg');display:none;"></div>

と

**Option #2**
<div id="myimage"></div>

style.css
#myimage {
     background:url('myimage.jpg');
     display:none;
}

編集:それが問題かどうかはわかりませんが、上記の DIV は最初に style="display:none;" を使用して別のページに読み込まれます。

score 4 · Accepted Answer

いいえ。クライアントのキャッシュは、css ではなく、画像のリクエストでサーバーから返されたヘッダーによって制御されます。

余談ですが、画像のキャッシュをお探しの場合は、CDN を使用することを強くお勧めします。Amazon の CloudFrontは、これを簡単かつ安価にします。

score 3 · Accepted Answer

いいえ。ブラウザによっては、非表示の要素にグラフィックをキャッシュしないことにも注意してください (直接非表示にするか、親要素の 1 つを非表示にするかに関係なく)。

2 に答える 2