¿Haces los rollover con CSS y cuando cargas tu página tarda un poquillo en hacer el efecto porque no carga la imágen del hover a tiempo? Esto se soluciona haciendo una precarga de las imágenes del CSS.

Aunque el sistema más utilizado es el de crear un array con todas las imágenes a cargar, este sistema siempre resulta tedioso de modificar ya que hay que añadir las imágenes al array manualmente.

Gracias a FilamentGroup hay un sistema mucho mejor. Utilizan Jquery para hacer una lectura de la hoja de estilos del sitio y cargar todas las propiedades background-image de nuestro sitio.

De esta manera no tendremos que preocuparnos por introducir manualmente cada imagen al array sino que con ponerlas en la propiedad background-image basta.

Instalación

Comentar que es necesario incluir jQuery en nuestra plantilla para que esto funcione correctamente.

Para instalarlo tendremos que descargar el fichero preloadCssImages.jQuery.js, añadirlo a nuestra cabecera (recordad que va entre las etiquetas <head> y </head>) de la siguiente manera:

<script type="text/javascript" src="ruta/al/archivo/preloadCssImages.jQuery.js" ></script>

Una vez hecho esto podremos hacer la llamada a la función así y estará funcionando:

<script type="text/javascript">
     $(document).ready(function(){
           $.preloadCssImages();
     }); 
</script>

Fuente: A New & Improved jQuery Script to Automatically Preload images from CSS