Galerie de photos page chargement lent ... quel pourrait être le problème?

Question

J'ai un simple site php que j'ai construit, mais pour une raison quelconque, ma page de galerie de photos prend un peu de temps à charger. Quelqu'un peut-il dire quel est le problème et comment accélérer le temps de chargement?

Voici le code php. Par la façon dont je codé tout dans ce seul fichier (photography.php), avec seulement des références à des images dans un autre dossier ...

<?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"); 

?> 

Voici le lien vers le site: here

Je vous serais reconnaissant tout conseil sur la question et les techniques de codage qui pourraient aider.

Merci,

Gary D.

Answer 1

charges agréable et rapide pour moi - impressionnante rapide en fait.

Je dirais que c'est lourd de bande passante, et vous l'avez essayé à partir d'une connexion lente. Une chose à ce sujet est que vous préchargez toutes vos grandes images, même si vous affichez seulement le plus haut. C'est une bonne idée, sauf qu'ils apparaissent plus tôt dans votre code que la navigation sur la droite, donc j'imagine sur une connexion lente, il y aurait un peu d'attente pour toutes les grandes images à télécharger avant de montrer la navigation sur la droite . Vous pouvez contourner ce problème en pré-chargeant ces images en utilisant une méthode différente, en utilisant JQuery, de sorte que la demande de chargement de ces images ne soit pas précédée d'autres images sur la page.

Answer 2

Commencez ici: http://developer.yahoo.com/yslow/ c'est un plugin firefox qui va analyser votre page pour les goulets d'étranglement de téléchargement. Cela n'a rien à voir avec votre code php.