Esiste un buon profiler per javascript? So che Firebug ha un supporto per il codice di profilazione. Ma voglio determinare le statistiche su una scala più lunga. Immagina di creare molto codice javascript e di voler determinare quali sono effettivamente i colli di bottiglia nel codice. All'inizio voglio vedere le statistiche del profilo di ogni funzione javascript e il tempo di esecuzione. Il prossimo sarebbe includere le funzioni DOM. Questo combinato con azioni che rallentano le cose, come le operazioni sull'albero di rendering sarebbero perfette. Penso che questo darebbe una buona impressione se le prestazioni venissero uccise nel mio codice, nella preparazione del DOM o negli aggiornamenti dell'albero di rendering / visual.

C'è qualcosa di vicino a quello che voglio? O quale sarebbe lo strumento migliore per ottenere il massimo da ciò che ho descritto? Sarebbe un browser autocompilato più un motore javascript migliorato dalla funzionalità del profilo?

Firebug

Firebug fornisce un rapporto di profilazione altamente dettagliato. Ti dirà quanto tempo richiede ogni invocazione di metodo in una tabella gigante (dettagliata).

console.profile([title])
//also see
console.trace()

Devi chiamare console.profileEnd ()per terminare il blocco del tuo profilo. Vedi l'API della console qui: http://getfirebug.com/wiki/index.php/Console_API

Merlo

Blackbird ( sito ufficiale ) ha anche un profiler più semplice (può essere scaricato da qui )

Gli strumenti per sviluppatori di Chrome hanno un profiler integrato.

Sebbene sia stato menzionato Firebug, un'altra cosa che vorresti considerare con Firebug è un plugin per Firebug chiamato FireUnit ; John Resig ne parla in questo post del blog:

Profilazione delle chiamate di funzioni JavaScript

Spero che aiuti.

Firebug + Firefox è un must. E la barra degli strumenti per sviluppatori di IE 8 ha anche un profiler integrato (IE 8 viene fornito con la barra degli strumenti per sviluppatori).

L'ispettore web di Safari 4 include anche un profiler (sebbene la versione nei nightlies sia migliorata rispetto alle chiamate di funzione ricorsive). Web Inspector supporta anche le API del profiler di Firebug.

Per JavaScript, XmlHttpRequest, accesso DOM, tempi di rendering e traffico di rete per IE6, 7 e 8 puoi usare l' edizione AJAX di dynaTrace GRATUITA