Cuando utilizamos muchos gráficos en nuestros sitios u ofrecemos imágenes en alta calidad puede resultarnos interesante precargar estas imágenes para que el sitio se muestre más rápido al usuario.
Un ejemplo de precarga simple con javascript podria ser el siguiente:
Introduce este código entre las etiquetas <head> de tu documento
En Sentido Web hacen una aproximación «sólo CSS» del tema de las precargas: Precarga de imágenes mediante CSS, no parece un método muy ortodoxo y si seguís el enlace al sitio en inglés veréis que en los comentarios se duda de la efectividad del mismo, no obstante ahí queda como referencia para los que no queréis emplear javascript en vuestros sitios.
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades