图片库页面加载迟缓...可能是什么问题？

Question

我有一个简单的php网站，但由于某种原因，我的照片库页面需要一些时间才能加载。有人可以告诉问题是什么以及如何加快加载时间？

这里是php代码。通过我的编码这个文件（photography.php）内的一切，在另一个文件夹仅适用于图像引用的方式......

<?php 

$thisPage="Photographer, Caribbean, Jamaica, Bahamas - Cheryl Blackerby"; 

$thisDescription=""; 

$thisKeywords="Caribbean, Jamaica, Bahamas"; 

include("header.php"); 

//include("html/photography.html"); 

?> 

<div id="photography"> 

     <div id='coin-slider'> 

      <div id="photos"> 

       <a href="#" target="_blank"> 
        <img src='photography/img_01.jpg' alt="Staniel Cay Yacht Club in the Exumas, Bahamas" /> 
        <span>Staniel Cay Yacht Club in the Exumas, Bahamas</span> 
       </a> 

       <a href="#" target="_blank"> 
        <img src='photography/img_02.jpg' alt="Junkanoo dancer in Inagua, Bahamas" /> 
        <span>Junkanoo dancer in Inagua, Bahamas</span> 
       </a> 

       <a href="#" target="_blank"> 
        <img src='photography/img_03.jpg' alt="Doctor's Cave Beach in Montego Bay, Jamaica" /> 
        <span>Doctor's Cave Beach in Montego Bay, Jamaica</span> 
       </a> 

       <a href="#" target="_blank"> 
        <img src='photography/img_04.jpg' alt="Paella at the Beach House, Eleuthera, Bahamas" /> 
        <span>Paella at the Beach House, Eleuthera, Bahamas</span> 
       </a> 

       <a href="#" target="_blank"> 
        <img src='photography/img_05.jpg' alt="Opening of the Supreme Court, Nassau, Bahamas" /> 
        <span>Opening of the Supreme Court, Nassau, Bahamas</span> 
       </a> 

       <a href="#"> 
        <img src='photography/img_06.jpg' alt="Flamingos on Inagua, Bahamas" /> 
        <span>Flamingos on Inagua, Bahamas</span> 
       </a>  

      </div><!-- end photos --> 

     </div> 

     <p id="right-description"><img src="images/side-descrip-photos.jpg" width="20" height="90" alt="Photo Description" /></p> 


<script type="text/javascript"> 
      $(document).ready(function() { 
       $('#coin-slider').coinslider({ width: 840, height: 520, navigation: true, delay: 5000, links : false, hoverPause: true, opacity: 0.7, effect: 'practice', sph: 1, spw: 1 }); 
      }); 
     </script> 

    </div><!-- end photography --> 

<?php 

include("footer.php"); 

?> 

这里是链接到该网站：here

我将不胜感激关于这个问题的任何建议以及任何可能有用的编码技术。

感谢，

加里D.

Answer 1

负荷不错，很快我 - 赫然快的事实。

我想说它是带宽重的，你尝试了它从一个缓慢的连接。

有一件事是，你预先加载所有的大图像，即使你只显示最上面的一个。这是一个好主意，不同之处在于它们比代码右边的导航更早显示，所以我想在慢速连接上，在显示右侧导航之前，需要等待所有大图像下载。您可以通过使用JQuery使用不同的方法预加载这些图像来解决此问题，以便加载这些图像的请求不会位于页面上的其他图像之前。

Answer 2

从这里开始：http://developer.yahoo.com/yslow/这是一个firefox插件，可以分析您的页面下载瓶颈。它可能与你的php代码无关。