Discussion :

[JerryOne3]

Bonjour !

Actuellement en phase de mise en production d'un site très ambitieux au niveau des effets visuels, mes collègues et moi même rencontrons un problème bien ennuyeux.

Le Javascript, sous la forme de fonctions jQuery, ralentit énormément le site. Si sur Firefox et Chrome cela reste acceptable, sur IE c'est tout simplement ignoble. A chaque chargement de page, il faut attendre de longues secondes pour pouvoir commencer à en parcourir le contenu.

J'aimerais savoir comment vous optimisez le jQuery et le javascript en général sur vos pages web. Par exemple, est-ce particulièrement lent d'aller chercher tous les éléments contenant la classe nommée "myClass" ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".myClass").each(function(){...})

Est-ce plus lent d'appliquer à un élément un évènement click par le biais de "bind", "live" ou "on" que de le faire directement à la création de l'élément avec un bon vieux onclick ?

Avoir plusieurs setTimeOut cycliques mobilise beaucoup de ressources ?

Plus globalement, n'hésitez pas e faire part de vos divers conseils.

Merci par avance !
Jeremy

[SpaceFrog]

cela peut également provenir des directives du serveur ...
mise ne cache des fichiers externes js etc ...

Sinon ... ben IE c'est [censuré]#¤@%?$£[/censuré]

[JerryOne3]

Certes, mais je suis bien obligé de faire avec, on peut pas sacrifier un tel pourcentage d'utilisateurs

Quelles directives serveur indiquent de cacher le JS ?

Remarque, on n'a que très peu de JS provenant de l'extérieur, presque tout est en local.

[Willpower]

Étonnant, même une animation gourmande bien codé en jQuery ne devrait pas trop ralentir la page.

Avoir plusieurs setTimeOut cycliques mobilise beaucoup de ressources ?

Oui et non. Ca dépend des délais bien sûr, si vous lancé une animation toutes les 1 millisecondes, c'est sûr que ça va ramer. D'ailleurs pourquoi utiliser des settimeout, alors qu'en général jQuery gère très bien la cadence des animations et permet de les délayer avec la méthode "delay".

Aussi vérifier que vous ne lancez pas plusieurs fois la même animation sur le même objet car si jQuery essaye d'appliquer 2 mouvements décalé au même objet, c'est sûr que ça va laguer aussi.

[SpaceFrog]

http://www.developpez.net/forums/d10...cache-control/

[JerryOne3]

Merci pour le lien

A priori il n'y a pas de problème de répétitions d'animations. Et quand je parle de cycles, ils sont tout de même plus longs que ça.

[p3ga5e]

Si sur Firefox et Chrome cela reste acceptable, sur IE c'est tout simplement ignoble.

je suis bien obligé de faire avec, on peut pas sacrifier un tel pourcentage d'utilisateurs

Sur ce pourcentage d'utilisateurs, peut être qu'un grand nombre, accepteraient d'installer le plugin Google Chrome Frame c'est tres simple a mettre en place (cf la doc)
pour les perfs cela semble identique a Chrome . par contre tous n'est pas encore implémenté ( WebGL ne fonctionne pas )

[sekaijin]

j'ai cru que ce post était un duplicata du précédent

http://www.developpez.net/forums/d12.../optimiser-js/

à 5 jours deux post avec le même problème sur JQuery
A+JYT

[dkmix]

A chaque chargement de page, il faut attendre de longues secondes pour pouvoir commencer à en parcourir le contenu.

Un chargement asynchrone des scripts est-il envisageable ?

[JerryOne3]

@p3ga5e : c'est malheureusement en dehors de nos possibilités.

@sekaijin : merci, je vais parcourir ce post aussi !

@dkmix : non, pas vraiment : les effets chargés sont nécessaires au bon fonctionnement des pages telles qu'elles sont construites actuellement.

[JerryOne3]

Une question supplémentaire : comment évaluer le temps d’exécution / de mise en place sur la page d'une fonction donnée ? Je voudrais bien savoir si les modifications que je fais dessus sont efficaces et réduisent le temps de latence occasionné ou non...