Hola:
al final de la página index, justo antes de </body>, pones la referencia a cada imagen así:
<img class="hideimage" src="images/tuimagen01.jpg" alt="" width="xxx" height="xxx" border="0" />
y en el css ponesal final esto:
.hideimage {
width:0;
height:0;
}
esto hace que las imágenes, todas las que quieras incluidas las de otras páginas del sitio, se cargen con la página index. Así mientras el visitante lee el contenido de la index está descargando las imágenes de todas las páginas de la web. Si lo quieres ver en acción mira esta, que es una de los sitios que he diseñado aún en construcción, mira el código de la index y la css.
http://www.axiscentreclinic.com
para quitarle peso a las imágenes usa jpgcruncher (para las jpg).
Suerte. Jorge H.