CSS Bild Caching

Question

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

**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, ob es darauf ankommt, aber der oben genannte DIVs wird zunächst auf einer anderen Seite mit style = geladen „display: none;“

Answer 1

Nein. Beachten Sie auch, dass einige Browser nicht Cache-Grafiken versteckte Elemente ih (regrardless davon, ob Sie verstecken sie direkt oder ausblenden eines ihrer Elternelemente).

Answer 2

Nein. Client-Caching wird durch Header gesteuert von dem Server in der Anforderung für das Bild zurückgegeben, nicht die CSS.

Als Nebenwirkung, wenn Sie für Bildcachierens suchen, empfehle ich ein CDN verwenden. Amazon Cloudfront macht dies einfach und billig.