{"id":2067,"date":"2010-06-06T00:05:40","date_gmt":"2010-06-05T22:05:40","guid":{"rendered":"http:\/\/bitacora.eniac2000.com\/?p=2067"},"modified":"2010-06-06T00:05:40","modified_gmt":"2010-06-05T22:05:40","slug":"speed-tracer-analizador-http-para-google-chrome","status":"publish","type":"post","link":"https:\/\/bitacora.eniac2000.com\/?p=2067","title":{"rendered":"Speed Tracer: analizador HTTP para Google Chrome"},"content":{"rendered":"

Hace bastante tiempo -desde que trabajo con balanceadores de carga, en realidad- una de mis funciones laborales es realizar an\u00e1lisis de carga HTTP en aplicaciones web. Para realizar esta labor uso el inestimable plugin para Firefox HttpFox. Sin embargo, llevaba alg\u00fan tiempo buscando algo similar para Chrome, navegador que cada vez uso m\u00e1s, especialmente desde que las versiones de Firefox (y por desgracia, de Iceweasel) muestran un comportamiento bastante err\u00e1tico, con cierres inesperados de la aplicaci\u00f3n.<\/p>\n

Pues bien, hace poco tuve la suerte de encontrar el plugin para Chrome Speed Tracer<\/a>. Tracer muestra dos tipos de datos. Por un lado proporciona informaci\u00f3n sobre el tiempo que tarda en cargarse cada componente de una aplicaci\u00f3n, y por otro (que es lo que a m\u00ed m\u00e1s me interesa) informa sobre el tr\u00e1fico de red que genera la aplicaci\u00f3n, ofreciendo informaci\u00f3n sobre peticiones realizadas por el cliente, tiempos de carga, cabeceras intercambiadas, y un cronograma bastante interesante sobre el proceso de carga de la aplicaci\u00f3n.<\/p>\n

\"Captura<\/a>
Captura de red de Speed Tracer<\/figcaption><\/figure>\n

La imagen anterior muestra un ejemplo de captura de tr\u00e1fico sobre este mismo sitio. En la imagen se muestra el cronograma de carga de este propio sitio web, con detalle del tr\u00e1fico producido para uno de los archivos css de estilo. En el detalle pueden verse tiempos de carga del archivo, cabeceras enviadas, recibidas, y una peque\u00f1a advertencia sobre problemas detectados en el cacheado del archivo.<\/p>\n

\"Captura<\/a>
Captura de Speed Tracer relativa a tiempos de carga<\/figcaption><\/figure>\n

Esta segunda imagen muestra el otro aspecto de la aplicaci\u00f3n relativo a los eventos producidos en la carga de de aplicaci\u00f3n. En concreto, se muestra informaci\u00f3n sobre la recepci\u00f3n de datos, su duraci\u00f3n, y en qu\u00e9 se ha empleado ese tiempo, desde la recolecci\u00f3n de basura por parte del navegador a llamadas JavaScript, pasando por el parseado de HTML.<\/p>\n

En cuanto a su instalaci\u00f3n, el plugin tiene los siguientes requisitos:<\/p>\n