Cant find why some small images are taking 10 seconds to load

Question

I am trying to optimize my site to accomplish at least 90 on YSlow and PageSpeed. I am doing pretty well. But in the following result, there are 4 images that show that take 9-10 seconds to load. If you see the detail, it actually shows that of those 10 seconds, mostluy 99% is while connecting only.

This is a magento store, and I am not sure what I should do to fix this problem because the images are not really big. http://gtmetrix.com/reports/www.theprinterdepo.com/FyZjLbUX

Thank you

Answer 1

Interesting, even WebPageTest.org shows the same issues, but there's nothing obvious as to why this occuring (at least to me), but I can make some guesses:

• you're calling an image from within the .css file on www.printerdepot.net to an image on www.printerdepot.com? (additional DNS lookup)? Sharding issue?
• but then why does it only affect some images?
• a bunch of other possibly related issues that are cascading through?

I'd suggest trialling converting them to Base64 Data URIs and updating the CSS to see if that improves the performance. See this article for more.

Answer 2

instead of having small images why don't you have only one image sprite? It will be much faster (http://www.w3schools.com/css/css_image_sprites.asp) and you will only need to send to the client one image