¿Cuál es la mejor manera de perfilar la ejecución de javascript?

Question

¿Hay un buen generador de perfiles para javascript? Sé que Firebug tiene algo de apoyo para el código de perfil. Pero quiero determinar las estadísticas en una escala más larga. Imagine que está creando una gran cantidad de código JavaScript y desea determinar cuáles son realmente los cuellos de botella en el código. Al principio quiero ver las estadísticas de perfil de cada función de JavaScript y el tiempo de ejecución. Lo siguiente sería incluir funciones DOM. Esto combinado con acciones que ralentizan las cosas, como la operación en el árbol de renderizado, sería perfecto. Creo que esto daría una buena impresión si el rendimiento se cancela en mi código, en la preparación de DOM o en las actualizaciones del árbol/visual de renderizado.

¿Hay algo cerca de lo que quiero? ¿O cuál sería la mejor herramienta para lograr la mayor parte de lo que he descrito? ¿Sería un navegador auto compilado más un motor de JavaScript mejorado por la funcionalidad del perfil?

Answer 1

Firebug

Firebug proporciona un informe muy detallado de perfiles. Le indicará cuánto tiempo tarda cada invocación de método en una tabla gigante (detallada).

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

es necesario llamar a console.profileEnd() para poner fin a su bloque perfil. Ver la API de consola aquí: http://getfirebug.com/wiki/index.php/Console_API

mirlo

mirlo (official site) también tiene un generador de perfiles más simple (se puede descargar desde here)

Answer 2

Firebug + Firefox es una necesidad. Y la barra de herramientas para desarrolladores de IE 8 también tiene un generador de perfiles integrado (IE 8 se envía con la barra de herramientas del desarrollador).

Answer 3

El inspector web de Safari 4 también incluye un generador de perfiles (aunque la versión en los nightlies es mejorada por las llamadas a funciones recursivas). El inspector web también es compatible con las API de perfil de Firebug.

Answer 4

Aunque Firebug ha sido mencionado, una cosa adicional que te gustaría ver con Firebug es un plugin para Firebug llamado FireUnit; John Resig habla de ello en esta entrada del blog:

JavaScript Function Call Profiling

Espero que ayude.

Answer 5

JavaScript, XmlHttpRequest, DOM acceso, Rendering Times y el tráfico de red para IE6, 7 & 8 se puede utilizar la conexión dynaTrace AJAX Edition

Answer 6

herramientas para desarrolladores de Chrome tiene un generador de perfiles incorporado.