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

또한 일부 브라우저는 그래픽 IH 숨겨진 요소를 캐시하지 않습니다 (직접 숨기거나 부모 요소 중 하나를 숨기는 지에 대한 회비).

Answer 2

아니요. 클라이언트 캐싱은 CSS가 아닌 이미지 요청에서 서버에서 반환 된 헤더로 제어됩니다.

제쳐두고 이미지 캐싱을 찾고 있다면 CDN을 사용하는 것이 좋습니다. 아마존의 클라우드 프론트 이것을 쉽고 저렴하게 만듭니다.