CSS Caching Imagem

Question

Em termos de client-side imagem caching, há uma diferença entre o seguinte:

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

e

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

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

EDIT: Eu não tenho certeza se isso importa, mas os DIVs acima são carregadas pela primeira vez em outra página com style = "display: none;"

Answer 1

No. Observe também que alguns navegadores não cache de gráficos ih elementos ocultos (regrardless de saber se você escondê-los diretamente ou esconder um de seus elementos pai).

Answer 2

No. cache de cliente é controlada por cabeçalhos retornados do servidor na solicitação para a imagem, não o css.

Como um aparte, se você estiver olhando para o cache de imagem, eu recomendo usar um CDN. da Amazon CloudFront torna este barato e fácil.