Discussion :

[kate59]

Bonjour,
Voila je cr�e un site ecommerce donc je fait appel a 5 ou 6 fichier javascript dan smon header.Petit pb ca ralentit le temp d'execution au demarrage et quand je veut utiliser un effet visuel en javascript sur mon bouton ajouter cela s'affiche plutot mal et lentement.

Comment faire pour optimiser le d�marrage?

Que l'actualisation des pages est plus rapide?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
 <script src="js/add_cart.js" type="text/javascript"></script>
<!--
  jQuery library
-->
<script type="text/javascript" src="js/carrousel/jquery-1.4.2.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="js/carrousel/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="js/carrousel/tango/skin.css" />
 
<!--lightbox-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<!--lightbox-->
<!--image slider-->
    <!--<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
   <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
-->
<script type="text/javascript">
 
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});
</script>

voici les appel des script au demarrage.
merci.

[Bovino]

Ben c'est s�r qu'en chargeant 3 fois jQuery () en plus provenant de sources diff�rentes donc non r�cup�r�es du cache, + Prototype / script.aculo.us + plein de plugins, tu n'am�liore pas les performances

[kate59]

Comment �a 3 fois jquery? et pourquoi des sources diff�rentes ?

[Bovino]

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/carrousel/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>

C'est soit mes yeux, soit tu int�gres 3 fois jQuery dans ta page !

pourquoi des sources diff�rentes ?

Parce qu'ils ne sont pas au m�me endroit...

[thelvin]

Aaaah, les joies de "je cherche un script pour faire �a dans un site" et du copier/coller sans chercher � rien comprendre � la technologie...

Comme l'implique Bovino, la solution c'est de garder une seule biblioth�que (je sugg�re jQuery et son extension,) ne les charger q'une seule fois bien s�r, et de porter ce qui utilise prototype vers jQuery (ou de chercher "des scripts" qui font la m�me chose en jQuery).

[the-destroyer]

V�rifie bien tu ais besoins de tout cela, parce que la tu charges trop de javascript X_X