11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

j'ai, sur un site internet, un menu javascript qui , lorsque l'utilisateur clique sur une rubrique parent, se déroule de manière fluide (progressif).

Tout fonctionne bien mais ça rame terriblement sur firefox ...

J'ai effectué quelques tests, et il apparait que si je désactive l'ensemble des images de ma page (avec Web Developer Toolbar), le menu fonctionne à une vitesse normale.

Quelqu'un aurait-il une idée ou une suggestion?

Merci d'avance.
Modifié par Francois44 (30 Apr 2007 - 09:46)
ça vat être difficil sans un exemple en ligne...

Il y a t'il des images dans ton menu?
Les images de ta page sont-ils des gif animés?
Comment le script est-il chargé?
Comment le script est-il appelé?

Les lenteurs sur les effets javascripts peuvent conséquences de pleins de facteurs, machines utilisé, script lui-même, opacité, autres scripts présent, flash...
Bonjour, merci matmat de te pencher sur mon problème.

Pour ce qui est de l'exemple en ligne, ça va être compliqué ... je ne suis pas l'auteur du site, je travail en freelance pour corriger les bugs. Et comme le site n'est pas encore livré au client, je ne peut pas me permettre de le mettre en ligne ... Smiley decu

Pour ce qui est des autres questions:

oui, le menu comporte des images
Il n'y a pas d'image animé sur la page


Comme je disais dans mon premier post, je pense que cela viens des images ... et plus précisément de l'image de fond du site (hauteur 1px qui se répète en y). J'ai fait un test sans cette image et, bien que je n'atteigne pas encore la vitesse obtenu sur IE, le menu est beaucoup plus fluide.

Si quelqu'un à déjà eu un problème similaire et qu'il à réussi à le résoudre je suis preneur ... sinon, je vais refaire une parti du site pour essayer d'enlever l'image en background.
Tu peux mettres une images de 20px de haut au lieu de 1, ça serat pas beaucoup plus lourd mais beaucoup plus rapide.
Pour ce qui est du test en ligne tu ne peux pas mettre au moins le menu sur un bout de serveur? Excuse si j'insiste mais comme ce genre de probléme est asser "imprécis", il faut pour le résoudre faire des test sur différentes machines avec plusieurs type de code pour trouver un bon compromis, je dis compromis parceque dans tous les cas tu n'auras jamais en resultat parfait avec des anims js.
Regarde ici si ça peut t'aider il y a des débats similaires ou on a pas mal approfondi la question:

Javascript effets et lenteurs
Monter / cacher les commentaires
Modifié par matmat (29 Apr 2007 - 19:30)