Question

If I add a cache buster to an image URL in one rule in my CSS

background: url(../img/sprite.png?version=20130205) no-repeat -75px -208px;

but the same CSS has other versions of the URL without the cache buster

background: url(../img/sprite.png) no-repeat 0 0;

does that cause another request for sprite.png?

Also if the browser parses the non-cache-busted URL first I’d assume it shows the cached image, if it has one, but will then request a new version of the image when it comes to the cache busted version – have I got it right?

Answer 1

Yes it will cause a new request for the image. If it is ? the image will reload.

If you don’t want to make new request use # in example

background: url(../img/sprite.png#version=20130205) no-repeat -75px -208px;