2009-04-15 5 views
3

Vous vous demandez simplement quel est le meilleur outil pour vraiment vérifier les scripts JS et chercher des moyens d'améliorer les performances globales au «maximum» en termes de taille et de vitesse?Javascript Performance Optimisation?

Répondre

3

J'aime utiliser le profileur de » Firebug pour améliorer la vitesse globale. Il vous montrera combien de fois chaque fonction est appelée, combien de temps il a fallu pour l'exécuter (moyenne et globale) et le pourcentage du temps total d'exécution JS que la fonction a pris. Je ne suis pas un grand fan de la micro-optimisation, donc je n'utilise aucun outil pour obtenir le "maximum" de mon code, mais le profiler aide à éliminer les plus gros problèmes.

En ce qui concerne la taille, j'utiliser le YUI compressor pour minimiser la taille de mes fichiers JavaScript. (Il existe d'autres outils de minimisation JavaScript, je suis juste le plus habitué à YUI.)

1

Et si vous avez Safari 4, vous pouvez utiliser le profileur JavaScript dans son Web Inspector.

Pour compresser votre code, j'aime le JavaScript Packer par Dean Edwards.

Steve

+0

Packer va réellement faire des choses * plus gros * vs transporte GZIP et ralentir le temps de charge avec l'analyse syntaxique/boucle eval initiale. Il suffit de le réduire et d'utiliser le transport GZIP. –

+0

Mais le Packer * est un 'minifier'. Pour moi, le Packer a toujours raisonnablement minifié les choses (comme réduire un fichier de 28 Ko à 16 Ko), et l'encodage Base62 (qui ajoute la boucle parse/eval initiale) est optionnel. –

0

Je suivent habituellement les étapes suivantes.

  1. L'utilisation de JSLint - http://www.jslint.com/ optimise le script.
    • utilisation YUI Compressor.
    • Profil du script. Voir Firebug & YSlow.