I'm trying to optimize my website's load time because it was too long, and it still is but especially for the jQuery UI CSS images,
If you have a minute, could you please look at this Pingdom test?
Among files number 60 and 75 there are few images from the jQuery CSS file (just renamed the path). They take up to 3 seconds to connect, and then they seem to load fast.. But 3 seconds to connect?
The piece of CSS related to this:
.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
And the path of this CSS file is: /CSS/ui.css
and the images path is: /CSS/images/*.png
If this is not about paths, I am completely lost here, any clue?