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