profiler un code (perfs) ?

Bonjour,

je suis en train de faire un widget, je prend une div, et je remplace le html par des images/évènements etc.

sauf que...ça traine comme un rat mort :oops:
j'ai constaté que si je fais clic droit sur une image - il y a marqué "size unknow not in cache" quelque chose comme ça. Sont-elles en cache quand même ?

si je fais

Code:

---

1 2 3

foreach bouton $(maDiv).appendHtml(img src="blmablabla.jpg")

---

c'est mal ?


globalement
j'ai une "méthode paint" après chaque événement, qui refabrique le composant

Code:

---

1 2 3

...modif etat interne... repaint(); //$(maDiv).html('') ... $append append append

---

y a t ils un moyen de trouver ce qui cloche ?
(document.wirte(time()) toutes les 2 lignes ?)



merci

Citation:

---

Envoyé par Merfolk

Code:

---

1 2 3

foreach bouton $(maDiv).appendHtml(img src="blmablabla.jpg")

---

c'est mal ?
[/code]

y a t ils un moyen de trouver ce qui cloche ?
(document.wirte(time()) toutes les 2 lignes ?)

merci

---

Bonsoir. Je suis incapable de vous répondre, car j'en suis à me demander quel langage est utilisé ci-dessus ! :koi: Désolé de vous contrarier, mais tout ce que je peux en dire c'est que ce n'est pas du jQuery bien formé.

désolé, ça me semblait clair

For each, une boucle
$ - selecteur
maDiv - une Div
appel à la fonction append - pour rajouter du html dans la div
en paramètre un code qui affiche une image ..

est-ce que cette image ajoutée dynamiquement est gérée de façon optimale par les navigateurs ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

...en gros ça donnerait $('#'+idDiv).html(''); $('#'+idDiv).append("<img src=\""+IMAGEPATH+"1.png\""); $('#'+idDiv).append("<img src=\""+IMAGEPATH+"2.png\""); $('#'+idDiv).append("<img src=\""+IMAGEPATH+"3.png\""); $('#'+idDiv).append("<img src=\""+IMAGEPATH+"4.png\""); ... //une trentaine de fois, des images de 50*50 // une même image pouvant être rajouté plusieurs fois   // suivi de plusieurs bind de clicks $('#'+this.prefixUnique+"nav").bind("click", this, function(e){ e.data.event_clic(); return false;} ); ...

---

j'ai profilé avec firebug, je n'avais pas compris comment l'utiliser correctement ... je n'ai rien vu d'anormalement suspect, je soupçonne les images.

Bonsoir.

Citation:

---

Envoyé par Merfolk

...il y a marqué "size unknow not in cache" ...

---

Il serait utile de préciser la taille de l'image, exemple :

Code:

---

1 2 3 4 5 6 7

img.imagePathClass { width:50px; height:50px; }   $('#'+idDiv).append("<img src='"+IMAGEPATH+"1.png' class='imagePathClass'");

---

Un lien vers la page de test ou le code réel ne serait pas superflu.