css - How is this delay possible? -
i'm trying optimize website's load time because long, , still jquery ui css images,
if have minute, please @ this pingdom test?
among files number 60 , 75 there few images jquery css file (just renamed path). take 3 seconds connect, , seem load fast.. 3 seconds connect?
the piece of css related 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 path of css file is: /css/ui.css
and images path is: /css/images/*.png
if not paths, lost here, clue?
the other thing think browser uses caching. so, when run test jquery ui images horribly slow. user (with proper browser caching setup in place) "penalty" happen once. so, in reality it's not entirely fair test.
i'd worry more 40kb background image , less-than-perfectly-optimized css. try this website on css document drop 13% of it's overhead (on main site css) also, benefit combining css documents together, lower http overhead. again, concept of browser caching one-time improvement setup browser.
compared many sites out there, 1 loads quite quick. unless site going out 20+million daily, or you're paying kb bandwidth, setup more adequate.
Comments
Post a Comment