Muchas veces cuando diseñamos un sitio web necesitamos cargar imágenes desde CSS, pero cuando estás imágenes no se cargan en el momento por ejemplo las que se muestran en el hover de un enlace y tenemos que esperar a que se cargue después de pasar el mouse por encima del botón (enlace) para poder ver la imagen, eso muchas veces no es agradable y no es el efecto esperado.
Afortunadamente con ayuda de Javascript, específicamente con jQuery podemos hacer un preload (precargar) de imágenes que están enlazadas desde nuestra hoja de estilos, puedes ver el código fuente de este script preloadCssImages.jQuery_v3.js o ver más información en A New & Improved jQuery Script to Automatically Preload images from CSS.