Reducir tiempo de carga de la web de inicio

Hola a todos!!!! Que tal estas??
Tengo el siguiente caso:

Tengo una web formada solo por un index, en el se encuentran diferentes divs que hacen referencia a las distintas secciones del sitio y que se cargan usando jquery. En dos de estos divs tengo dos sliders con imagenes (unas 40 en total de 80kb cada una aproximadamente). Pues bien, cuando cargo el index me tarde casi 20 segundo en aparecer la pagina ya que carga todo lo que contiene el index incluyendo todas las imagenes de los sliders aunque estas no se vean hasta que vayamos a la seccion correspondiente.

El tema es que tengo que reducir como sea el tiempo de carga de este index, ya he depurado y quitado todo lo que no me servia y las imagenes las he dejado al minimo de tamaño. Por eso, necesito vuestra ayuda para ver que puedo hacer para aminorar este tiempo de carga.
Se podria cargar solo la parte de los elementos que se muestran nada mas entrar al sitio y el resto que se carguen cuando ya estemos dentro??? Y como se haria esto? Hay otras alternativas???

Espero que podais ayudarme.
Gracias de antemano y un saludo a todos.

Lo que quiza puedes hacer es setear un timeout que luego de haberse cargado la pagina a los 10 segundos supongamos haga un append de los sliders

Gracias por tu respuesta, pero me lo podrias explicar un poco mas detallado por favor??

window.onload = function(){
Aca te dejo un ejemplo de como podria ser, con jquery quiza seria menos tedioso, es un poco como para que entiendas la forma de hacerlo, lo importante es el setTimeout que ejecute una funcion cierto tiempo terminado la carga de la web, la funcion que te pongo como agregar slider es solo de ejemplo.


setTimeout(agregarSlider,10000); // Seteamos el setTimeout para que a los 10 segundos ejecute agregar slider

function agregarSlider(){
var div1 = document.getElementById('slider');

div1.innerHTML = "<img>....."; // con el innerHTML se podria agregar las imagenes
}
}

Vale gracias por el ejemplo, lo probare y ya te digo si me ha funcionado.

Saludos.

tambien deberias agregar la funcion del slider en el codigo agregar slider

function agregarSlider(){
var div1 = document.getElementById('slider');
div1.innerHTML = "<img>....."; // con el innerHTML se podria agregar las imagenes

div1.slider() // suponiendo q asi se llame el plugin

}

tienes definido y tu Stylesheet¿? si es demasiado extenso puede demorar su carga, a veces organizandolo mejora la carga, o redirigiendo a otras hojas de estilo.