Lenteur Javascript avec Firefox 3 par rapport à Firefox 2

Salut

Je suis en train de réaliser une petite appli web qui permet d'éditer des périodes.
Il y a pas mal de Javascript dans mon application, et j'ai été surpris (dans le mauvais sens du terme) de constater que mon appli était plus lente avec la version 3 de Firefox par rapport à la version 2 !!!

Vous pouvez la tester si vous voulez :
http://multiflexx.free.fr/DrivingTimeManager/test.php

En fait, la lenteur se fait vraiment sentir lors de la sélection de période à l'aide de la souris dans le tableau (après avoir sélectionné dans le menu Ajouter ou Modifier selon le cas).
C'est surtout lent lorsque l'on passe la souris sur le tableau de sélection en cours de modification, car il met à jour les listes déroulantes dans le tableau plus bas (vaut mieux voir sur l'exemple, ce sera plus clair).

Il s'agit bien sûr d'une version en cours de développement et il reste encore de nombreux bugs ou items non développés.

Mais j'aimerais toutefois avoir votre avis sur la lenteur que j'ai pu constater avec Firefox 3. Sous IE et Opera, ça fonctionne bien il me semble.

Merci de votre retour

Pour commencer... le calendrier qui s'ouvre dans un popup :(
passe le plutot dans un div sur la même page .

Salut

Ce n'est pas vraiment le calendrier qui pose problème. Je changerai peut-etre ça plus tard.

Mais c'est plutôt le survol du sélecteur de période avec la souris lors d'un ajout ou d'une modification de journée (en consultation, on ne peut pas l'éditer).
A ce moment là, les listes déroulantes dans le tableau en dessous se mettent à jour avec les valeurs de la nouvelle sélection en temps réel.
Sauf que depuis que je suis passé à la version 3 de Firefox, ça saccade au niveau de cet affichage des valeurs dans les listes déroulantes !

Je viens de faire le test sur un PC plus rapide, ça saccade un peu moins par rapport à mon PC habituel. Mais ce qui est étonnant, c'est qu'avec Firefox 2, je n'avais aucune lenteur !

A la limite, regarde le comportement que ça devrait avoir avec IE 7 par exemple. Là c'est bien fluide, et ça l'était sous Firefox avant que je change de version. :(

créé de nouvelles instances de tes fonction avec

Code:

---

new tafonction()

---

??

Créer de nouvelles instances de mes fonctions ???

Pour quoi faire ?

Qu'est-ce que ça a à voir avec les saccades de l'affichage dans les listes déroulantes ?

Pourrais-tu être plus clair ?
As-tu constaté toi aussi ces différences de rapidité entre Firefox 3 et IE 7 ?

Merci

Joli contrôle cela dit...

J'ai testé avec Firefox 3, et l'utilisation est plutôt fluide...aucun problème particulier.

Merci Keihilin ;)

Si tu regardes bien, tu verras que lorsque tu survoles le sélecteur de périodes, tu as un curseur qui s'affiche et les listes déroulantes dans le tableau du dessous ne se mettent à jour que lorsque la souris s'arrête ! Alors qu'elles devaient l'être en temps réel.

J'ai fait les mêmes tests sour IE 7, Opéra 9.51 et donc Firefox 2, et tout est très fluide.
Les listes se mettent à jour en temps réel. Pas besoin de stopper la souris pour savoir sur quelle valeur on se trouve.

Mais finalement, peut-etre que ça marche bien chez toi...

En tout cas, je sais pas quoi faire pour corriger ce pb :(

Citation:

---

Envoyé par flexx

Si tu regardes bien, tu verras que lorsque tu survoles le sélecteur de périodes, tu as un curseur qui s'affiche et les listes déroulantes dans le tableau du dessous ne se mettent à jour que lorsque la souris s'arrête ! Alors qu'elles devaient l'être en temps réel.

---

Ah oui, effectivement les ddl ne sont mise à jour qu'à l'arrêt de la souris. C'est moyennement gênant remarque.

Moi je trouve ça assez gênant parce qu'on ne voit pas immédiatement la valeur que l'on va sélectionner.

Et surtout, si ton PC n'est pas très puissant, ça saccade vraiment, même au niveau du curseur dans le sélecteur de période !

Et puis, je ne vois pas pourquoi ça fonctionnait correctement sous Firefox 2, et plus sous Firefox 3 !
(Surtout que ça marche bien chez les concurrents :p)

Bref, si t'as une idée pour corriger le pb, ou si t'es au courant d'un pb connu sur Firefox 3...

A+

Citation:

---

Envoyé par flexx

Bref, si t'as une idée pour corriger le pb, ou si t'es au courant d'un pb connu sur Firefox 3...

---

Hélas non...
Je n'utilise pas FF3 depuis assez longtemps pour m'être penché sur d'éventuels problèmes.

Il faudrait peut être consulter le devlog pour voir ce qui a pu changer au niveau jscript entre la version 2 et la 3.

c'est étrange , ton application fonctionne de façon fluide ...

juste une remarque d'ordre fonctionnelle , tu devrais empècher la sélection d'élément ( texte ) lorsque l'on sort du tableau :)

pour ton soucis , je n'ai aucun problème sous FF3

Merci pour ton retour.

La mise à jour des listes déroulantes est fluide lorsque tu te déplaces dans le sélecteur de période ? (Compare avec IE 7)

Chez moi et visiblement chez d'autre, la mise à jour ne s'effectue que lorsque la souris ne bouge plus.
Il doit y avoir un pb de rafraichissement des listes si leur valeur est modifiée trop rapidement.

C'est dommage, j'ai l'impression que je ne peux rien y faire :(

annuler la fonction sur le onmousemove ?
le souci est que tu dois declencher une tripotée de fonctions et qu'elle doivent toutes s'epurer avant de donner le resultat final...

essaye de faire un flag boolean et de ne lancer la fonction qu'en teste de ce flag

Bah, j'ai pas trop envie de toucher à mon code qui fonctionnait bien sous Firefox 2, et surtout qui continue de fonctionner sous IE 7, Opéra et même Netscape (c'est dire !).

C'était plus pour savoir si vous aviez constaté le meme problème, et si vous étiez au courant de quelques pb dans le moteur Javascript de Firefox 3.

Merci en tout cas

FF3 est au contraire plus rapide en javascript que FF2 et IE7 ( j'ai fait des bench , suite a une appli un peu dans le même style que la tienne :

http://easynews.free.fr/calendrier/agenda/ la version optimisée
http://easynews.free.fr/calendrier/agendaOri/ version de base

il reste encore du boulot :)