Version imprimable
Bonjour à tous,
Je modifie dynamiquement des liens en fonction de leur href.
Pour celà je parcours le tableau DOM LINKS[].
Ma première question est la suivante:
Parcourir ce tableau ne risque-t-il pas de couter très cher en temps d'exécution si la page parcourue comporte de nombreux liens?
Deuxième question:
Existe-t-il un profiler de javascript tel que xdebug pour php?
Afin de traquer les temps d'exécutions et fonctions gourmandes.
Merci d'avance pour vos lumières.
Oui, cela risque de coûter cher en temps, mais il en faut vraiment un très grand nombre pour que cela se ressente clairement au niveau de l'utilisateur. Cela dépend de sa machine, de son navigateur, de la mémoire dispo, etc.
Mieux vaut faire les tests sur une petite machine avec peu de mémoire et un vieux navigateur puis sur un ordinateur normal. Si tu as vraiment beaucoup de liens, je ne peux que te conseiller d'avoir l'optimisation en tête. Divers tutoriaux sur le net existent pour cela, mais je n'ai pas mes marques-page ici.
Pour ta deuxième question, je ne sais pas si un tel outil existe, mais j'en connais un qui pourrait t'aider. Firebug est une extension pour Firefox qui aide grandement à voir les erreurs de code, les temps de chargement de chaque éléments d'une page et pour du développement JavaScript, c'est sans doute le must.
Mais pour tester le temps de chaque fonction, je ne peux que t'inciter à utiliser des objets Date de JavaScript qui peut calculer jusqu'à des millièmes de seconde et d'effectuer une simple soustraction ensuite
outil console javascript de ffx ou firbug ou encore venkman ...
pour le temps de parcours de la collection links ça dépend si tu as une opération à faire sur chaque link ...
pour le temps de parcours ... ça dépend du nombre de liens et de l'opération a effectuer sur chaque mais tu peux faire un bench et tester sur une dizaine de lien en chronométrant le temps .. date2- date1
Je pense que le parcours c'est peanuts (meme si yen a 1000), apres la modification c'est autre chose (mise à jour des elements graphiques et tout ça...)
Merci pour vos réponsses
J'ai testé des cas extrêmes avec plus de 1000 liens sur une page, ça marche super sur une machine très moyenne. (benchmark maison sur base des timestamp js).
Donc sur une page de max 50 liens, ça ne devrait poser aucun problèmes.
J'utilise cette méthode pour modifier certain lien d'application en fonction de leur url pour les faire passer dans mon controleur js-ajax.
Ex.
<a href="index.php?action=getAllAnalyses">
deviendra
<a href="javascript:controler('getAllAnalyses')">
Je pense que cette technique peu rendre de grand services et eviter de modifier le coeur de l'application pour passer certaines action en asynchrone.
Qu'en pensez-vous?
Quelles sont vos méthodes?