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 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 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.