CSS Bild Caching

Question

In Bezug auf dem Client-seitige Image-Caching, gibt es einen Unterschied zwischen:

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

und

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

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

EDIT: Ich bin nicht sicher, wenn es darauf ankommt, aber die über DIVs werden zuerst auf eine andere Seite geladen mit style = "display: none;"

Answer 1

Nein. Beachten Sie auch, dass einige Browser keine Grafiken mit versteckten Elementen zwischenspeichern (unabhängig davon, ob Sie sie direkt ausblenden oder eines ihrer übergeordneten Elemente ausblenden).

Answer 2

Nein. Client-Caching wird durch Header gesteuert, die in der Anforderung für das Image vom Server zurückgegeben werden, nicht vom css.

Nebenbei, wenn Sie nach Bild-Caching suchen, empfehle ich dringend, ein CDN zu verwenden. Amazon's CloudFront macht dies einfach und billig.