This code loads four standard headers even if I use no header at all, at least with Safari it does. This makes the size of a page load unnecessary high.

It is, of course, found in style.css and the custom css with own colourscheme:

.silhouette-1 {
        background: url("images/header-city.png") no-repeat bottom left;
}
.silhouette-2 {
        background: url("images/header-mountain.png") no-repeat bottom left;
}  
.silhouette-3 {
        background: url("images/header-western.png") no-repeat bottom left;
} 
.silhouette-4 {
        background: url("images/header-palm.png") no-repeat bottom left;
}
.silhouette-5 {
        background: url("images/header-farm.png") no-repeat bottom left;
}

Suggested fix: only add the silhouette by adding a line of css in the custom css code instead.

Comments

DWizzy’s picture

DWizzy CreditAttribution: DWizzy commented

(with four, I ment five. Counting is hard.)
It seems Safari 3 is smart enough to skip downloading the images. I have not been able to try other browsers ATM.

dman’s picture

dman CreditAttribution: dman commented

css images that refer to IDs that are not in use do not get loaded.
Css can define a hundred resources, but only the browser decides if any are applied or retrieved.