Question

So I was using yslow for firefox and my page weight was way high. My page has a main product image and then maybe 10 thumbnails. If you click a thumbnail, the image opens up in a popup done through jquery. The problem is, yslow is listing even the targets of the thumbnails as part of the page weight, so I guess for some reason the images are downloading.

For example, I have:

<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg">
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" />
</a>

Would this normal html cause the “upload/topview.jpg” to automatically download? Or is it the jquery plugin “nyroModal”? I’d rather the images didn’t preload, that’d waste a lot of bandwidth.

So my question is, does a browser automatically try to download image files that are in the href property of anchors, or is the plugin most likely causing this?

Thanks for any direction you can give me.

Answer 1

No, the browser does not download that href on it’s own. I would guess your jquery plugin is following the link to preload it. How to disable that is probably in the docs of the plugin somewhere.