Recientemente me encontré con una respuesta lentaerror de script en una aplicación y sentí la necesidad de crear un perfil de la aplicación para identificar aquello en lo que necesito mejorar. Quiero una solución a largo plazo, no una solución pirata. Probé el Firebug Profiler, pero como la aplicación usa mucho jQuery, recibo muchos informes sobre llamadas anónimas que realmente esperaba.
También encontré algunos informes en la web sobre un generador de perfiles creado por John Resig, pero los enlaces que encontré estaban todos muertos.
Entonces mis preguntas son:
- ¿Cuáles son las mejores formas de perfilar una aplicación jQuery?
- ¿Hay herramientas / scripts dedicados de código abierto para lograr esto?
Respuestas
1 para la respuesta № 1Entonces, después de desenterrar un poco más, he encontrado otra solución dada por John Resig. Estaba usando una extensión de prueba de unidad para Firebug llamada FireUnit (http://fireunit.org/) que demuestra ser bastante agradable.
Si echa un vistazo a los ejemplos dados en:
Y también revise la página de prueba que está proporcionando:
Lo que obtienes son buenos resultados, como a continuación:
.addClass ("prueba"); 52
.addClass ("prueba"); 102
.removeClass ("prueba"); 102
.removeClass ("prueba"); 52
.css ("color", "rojo"); 299 O (3n)
.css ({color: "rojo", borde: "1px rojo sólido"}); 597 O (6n)
.eliminar(); 198 O (2n)
.append ("prueba"); 599 O (6n)
.show(); 982 O (10n)
.esconder(); 968 O (10n)
.html ("prueba"); 104
.vacío(); 100
.is ("div"); 109
.filter ("div"); 214 O (2n)
.find ("div"); 300 O (3n)
He logrado integrar esto dentro de variosaplicaciones y los resultados han sido más que satisfactorios. El único inconveniente es que solo puede usar el complemento desde Firefox. Pero aún así esta es una herramienta bastante buena.
0 para la respuesta № 2
Como se indica aquí :
IE, Chrome y Safari han incorporado perfiladores enel desarrollo web herramientas que se envían con el navegador. Para Firefox puedes usar Firebug. También puede ser útil, ya que está utilizando jQuery, lo que significa que su el informe de perfil se completará con funciones anónimas y similares, haciéndolo bastante ilegible, Perfiles de jQuery de John Resig enchufar, que lo hará darle una salida más clara sobre el asunto.
0 para la respuesta № 3
Creé una herramienta que hace exactamente lo que necesitas: http://yellowlab.tools
Inicie una prueba, haga clic en la pestaña "JS Timeline" yregistra todas las funciones de jQuery que acceden al DOM durante la carga de la página. También rastrea las funciones de JS de vainilla, para que pueda comprender la magia detrás de jQuery.
Muy útil para ayudar a optimizar algunos códigos jQuery para el rendimiento.
Espero que mi respuesta no llegue demasiado tarde :)