Wie man ein Bild, das von mehreren Seiten verwendet wird, nur einmal lädt

Question

Auf meiner Website verwende ich für jede Seite das gleiche Hintergrundbild, wenn es möglich wäre würde ich es nur einmal zum Benutzer herunterladen wollen, damit es nicht muss bei jedem Klick erneut heruntergeladen werden.

Wie würde ich das tun?

Link to my website

Answer 1

off-topic: nicht background-image auf html Tag verwenden! Verwenden Sie es auf body.

über Ihr Problem:, weil Sie sub-domain verwendet und jedes Mal wird es Ihre bg von anderen URL laden. Wie auch immer, es gibt eine Lösung, die die volle URL verwendet, um das Bild für den Hintergrund für alle Seiten zu laden. wie folgt aus:

html { 
    background: url(http://www.trinity-international.com/tower3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

aber ich rate, diese verwenden:

body { 
    background: url(http://www.trinity-international.com/tower3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}