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;"という別のページにロードされます。

Answer 1

いいえ一部のブラウザでは、非表示の要素（非表示にするか、親要素のいずれかを非表示にするかどうかは関係ありません）をキャッシュしません。

Answer 2

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

イメージキャッシングをお探しの場合は、CDNを使用することを強くお勧めします。 Amazon's CloudFrontは、これを簡単かつ安価にします。