Siempre es bueno que las imágenes tarden poco en cargar, para no impacientar al lector y que acabe por irse de la página.
Para precargar imágenes mediante CSS, solo deberemos aplicar este código CSS:
.preload{display:none;}
Después creamos un div que agrupe a nuestras imágenes precargadas.
<div class="preload">
Ya está, ya tendremos esas imágenes precargadas antes de que se cargue todo el contenido del sitio.
Ejemplo | Dynamix Labs
Vía | Dynamix Labs