Velocidade para carregar slide em Javascript

[ZaneTelles]

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; 
}
}
}