메인 이미지 속도 빠르게 하는 방법이요~~

소스는 메인에 사진 넘어가는 소스인데요.

좀더 빠르게 넘어 가게 하려면 어디를 수정해야 하나요?

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

$sql = " select * from {$g5['board_table']} where bo_table = '{$bo_table}' ";
$board = sql_fetch($sql);

if ($options) list($width, $height, $wrap_width, $content_length) = explode(',', $options);
if (!$width) $width = 1920;
if (!$height) $height = 476;
if (!$content_length) $content_length = 0;

//add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',0);
?>

<!-- Thema내의 중복사용 주석 처리 -->
<!--
<link href="<?=$latest_skin_url?>/css/bootstrap.min.css" rel="stylesheet">
-->
<!-- Thema내의 중복사용 주석 처리 -->

<link href="<?=$latest_skin_url?>/css/slippry.css" rel="stylesheet" />
<link href="<?=$latest_skin_url?>/css/color/default.css" rel="stylesheet" />
<link href="<?=$latest_skin_url?>/style.css" rel="stylesheet" />

    <div id="laIntro" class="laMWide_home-slide text-light">
  <ul id="valera-slippry">
           
    <?php
for ($i=0; $i<count($list); $i++) {
 
 $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $width, $height);
 

 
 ?>
 <li>
   <div><img src="<?php echo $thumb['src']?>" alt="<?=$linker?>"></div>
           
    </li>
<?php
 }

if (count($list) == 0) { //게시물이 없을 때  ?>
  게시물이 없습니다.
<?php }  ?>
         
  </ul>
    </div>

<!-- Thema내의 중복사용 주석 처리 -->
<!--
<script src="<?=$latest_skin_url?>/js/jquery.min.js"></script>
<script src="<?=$latest_skin_url?>/js/bootstrap.min.js"></script>
-->
<!-- Thema내의 중복사용 주석 처리 -->

<script src="<?=$latest_skin_url?>/js/slippry.min.js"></script>
    <!-- Custom Theme JavaScript -->
<script src="<?=$latest_skin_url?>/js/custom.js"></script>

style.css

.laIntro {
 width:100%;
 position:relative;
 padding:0;
}

.brand-heading {
    font-size: 2em;
}

.laIntro-text {
    font-size: 2em;
}

/* ====  slider ==== */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  top: 45%;
  z-index: 12;
  left: 50%;
}
 $('html, body').animate({scrollTop:he_arr[$(this).attr("idx")]}, 3);
 
.sy-caption-wrap .sy-caption {
  position: relative;
  left: -50%;
  background-color: transparent;
  color: #fff;
  text-shadow: -1px 0 1px #111;
  font-size: 3.2em;
  text-transform: uppercase;
  line-height: 1.1em;
  text-align: center;
  font-weight: 600;
  padding: 0;
}
.sy-caption-wrap .sy-caption a {
 margin-top: 10px;
}
.sy-slide div a.slide-btn {
 
   border:1px solid #ff0000;
 margin-top: 30px;
}

.brand-heading {
    font-size: 20px;
}

@media (min-width: 979px) and (max-width: 1200px) {
 
 
}
@media (max-width: 767px) {
  
  .sy-controls {
    display: block;
  }
  .sy-controls li {
    min-width: 2.1em;
  }
  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em; 
  }
  .sy-caption-wrap .sy-caption {
   font-size:1.8em;
  }
}

@media (max-width: 480px) {
  .sy-caption-wrap {
   
 
  }
  .sy-caption-wrap .sy-caption {
   
  }
 
  .sy-caption-wrap .sy-caption {
   font-size:1.3em;
  }
}

@media (max-width: 360px) {

}