Localizar motivos de carga lenta en nuestras aplicaciones ASP NET con FireBug & YSloW
Hace meses atras se estuvo rumoreando por internet acerca de Microsoft y su intención de adquirir Yahoo , bueno particularmente no me llamo la atencion para nada mas que el monto de la oferta :P , muy poco tuve la casualidad que estar por yahoo asi qu e me fui un rato a pasear por ahi y por ahí sin uno querer estaba por http://developer.yahoo.net , bueno nadie lo podia evitar creo.
Bueno , leía que en yahoo antes si una pagina superaba los 50Kb un robot notificaba y luego se trataba de reducirla y levantar la performance de la mensionada pagina, bueno ahora existen pagina de 100 o 200 Kb y en otros casos ni se preocupan en eso -Varios diria yo - así que estando por Yahoo busque información sobre Steve Souders quien es Chief Performance Yahoo y autor del libro Hight Performance Web y quien creo las 13 reglas del rendimiento de aplicaciones Web.
Y de ahí creo algo así como un Fxcop basado en estas 13 reglas (¹) que se llama Yslow para FireBug y una versión limitada Lite para IE , así que dije vamos a bajarlo y a las pruebas me remito quería ver temas sobre Rendimiento, Estadísticas, así que lo descargue de inmediato mientras me seguía documentando ................................100%
(¹) Las 13 reglas del Rendimiento Web
1. Reducir el número de peticiones HTTP
2. Usar una Red de Distribución de Contenidos (CDN)
3. Añadir la cabecera «Expires»
4. Comprimir con Gzip los componentes
5. Poner los CSS al principio
6. Mover los scripts al final
7. Evitar las Expresiones CSS
8. Hacer que los JavaScripts y CSS sean externos
9. Reducir las búsquedas en los DNS
10. Minificar los scripts de JavaScript
11. Evitar redirecciones
12. Eliminar scripts duplicados
13. Configurar los Etags
La descripción detallada se las dejo acá http://developer.yahoo.com/performance/rules.html#num_http aunque seria cuestión de otro post poner el laboratorio cada una de ellas así que la próxima ponemos también bajo el microscopio cada uno de estas reglas.
Primero instalo Firebug y luego YSlow. A partir de entonces, al ir navegando, se capturan todos los datos relativos a las páginas y sus elementos
1-Bueno hice 3 pruebas y quede contento FireBug permite ver variables JavaScript , osea depurar JavaScript , AJAX,Permite inspecccionar HTML entre muchas cosas .
2-Monitorizar la actividad de Red Esto si me gusto bastante controlar el tiempo de carga de un aplicación web, mostrandote el tiempo que tardó en procesar toda la página.
3-YSlow se complementa perfectamente con Firebug para entregarnos un informe sobre el rendimiento y estado de los componentes y localizar más fácilmente algunos de los motivos de que la carga sea lenta.
Las images lo dicen todo muy buena lestos AddOn tiene unas cosas mas que hacen , tiene sus problemitas como es un Add on para FireFox y tiene incompatibilidades con otros AddOn asi que agregandoles otros y hicieron que mi FireFox se cierre al hacer unas prueba , pero en conclusion super interesante.
Bueno amigos recomendacion final bajenlo peuebenlo y digiten www.misitioweb.com/default.aspx y a ver los resultados un saludo a todos.
Carlos Chavez