Msg#: 4383218 posted 8:38 pm on Nov 3, 2011 (gmt 0)
We're in the process of reducing the size of our images site wide. One big part of this is compressing the images in our navigation. A tool we've been using to help us do this is [websiteoptimization.com...] This tool shows us the total size of all of the images on a page.
However, in the details, it is showing images on pages that aren't anywhere on the page, even when doing a view source. After looking into it, these images are preloaded in our css file. It was my understanding that they would only be loaded on pages that are using their div class.
Am I mistaken, or is the tool wrong? Not sure if linking to my site is allowed just for testing purposes, if necessary.
If more information is required, please let me know. Appreciate any replies.
Msg#: 4383218 posted 4:02 pm on Nov 4, 2011 (gmt 0)
You know I've used that site a lot and never thought about it - but now that you mention it, I think that is incorrect. If you have the FireFox extension Live HTTP Headers, you can check it out.
Open Live HTTP Headers, make sure it's clear, and go to a page with a "common css". Go to a page that you know only uses a portion of the CSS images. Live HTTP headers should show only the CSS based images from that page being requested. I just did this on a site that has a huge amount of CSS images, and only see the ones on the current page being requested.