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