Acelerar la velocidad de carga (render) de un sitio web

Hola, Estoy tratando de acelerar la velocidad de carga (render) de un sitio web ( [login to view URL] ), principalmente para los dispositivos móviles. Actualmente en un dispositivo móvil con Wi -Fi (velocidad de 2 Mbps ) el home page carga después de 4-5 segundos , pero en una red 3G el home page carga después de 10 segundos. Mi objetivo es mostrar a los usuarios del sitio web el primer pantallazo (above-the-fold) del home page tan pronto como sea posible. Analizando el sitio web creo que los principales problemas son : - Los 12 archivos .js en el HEAD de la página - Los 15 archivos .css en el HEAD de la página . Ellos están bloqueando visualizar el contenido de la página hasta que se cargan. Para los archivos .js trate minify utilizando W3 Total Cache plug-in , el minify de los .js parece que funciona pero aún así esta bloqueando la carga (render) del primer pantallazo del home page hasta que se carguen los .js minify. Tambien he tratado de diferir la carga de los archivos .js utilizando los atributos async y defer pero ninguno de estos funciona correctamente, el menú y el slider de la página principal dejan de funcionar, al parecer por que llaman a las funciones de los .js antes de que la pagina se cargue por completo . Me pregunto si me puede ayudar principalmente a solucionar este problema, el objetivo es que el primer pantallazo de la pagina se muestre al usuario, ya luego se inicialice el menu y el slider. Acerca de los archivos .css, como segundo objetivo necesito ayuda para hacerles minify o al menos combinarlos pero sin herir el look del sitio web. Intente hacerlo con el W3 Total Cache plug-in pero la version minify de los .css no muestran bien el diseño de sitio web. Gracias, Limber Jaimes