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...