Pesquisar na Comunidade

Bom dia, meu site tem dois slides nas laterais em Javascript que fazem conexão com o banco de dados com um php. O problema é que ele demora muito pra carregar e gostaria de fazer as imagens carregarem bem mais rapitas. alguém poderia me ajudar?? Meu slide em js // JavaScript Document //Variáveis var varAjaxBotoes; var varRetBotoes = ""; var varTimeOutBotoes = ""; function Visualiza_BtnEsquerdo(Consulta) { if (Consulta == 1) { //<!--CARREGA A VARIAVEL DO Ajax--> if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari varAjaxBotoes = new XMLHttpRequest(); } else {// code for IE6, IE5 varAjaxBotoes = new ActiveXObject("Microsoft.XMLHTTP"); } if (varAjaxBotoes) { var varUrl = 'bancodados/btnEsquerdo.php' //?BtnEsq='+Consulta varAjaxBotoes.onreadystatechange = VerificadorDeEstadoBotoes; varAjaxBotoes.open("GET", varUrl, true); varAjaxBotoes.send(null); } } if (varRetBotoes == "") { varTimeOutBotoes = setTimeout('Visualiza_BtnEsquerdo(0)', 1000); } else { <!-- PREENCHE O NOVO CONTEÚDO DA TD ------------------------------------------ //alert(varRetBotoes); document.getElementById('btnEsquerdo').innerHTML = varRetBotoes; varRetBotoes = ""; clearTimeout(varTimeOutBotoes); varTimeOutBotoes = ""; varAjaxBotoes = ""; Visualiza_BtnDireito(1); $(document).ready(function() { $('.slider').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); } } function VerificadorDeEstadoBotoes(){ if(varAjaxBotoes.readyState == 4){ // Completo if(varAjaxBotoes.status == 200){ // Resposta do Servidor: OK varRetBotoes = varAjaxBotoes.responseText; }else{ varRetBotoes = varAjaxBotoes.statusText; } } }