YSlow para Firebug: Mejorar la carga de tu página

  • Por
Un componente para Firefox que se instala integrado con la extensión Firebug y que te ayuda a mejorar el tiempo de carga de tu página web.
Este componente es una extensión para Firefox que se instala como añadido a otra extensión de Firefox llamada Firebug, que ya publicamos en otro artículo de DesarrolloWeb.com: Firebug.

El componente YSlow permite analizar el comportamiento de la página web que estamos visitando y ofrece multitud de consejos encaminados a mejorar la velocidad de descarga. Cuando instalamos YSlow en Firefox aparece un icono en la esquina inferior derecha, que al pulsarlo nos muestra un análisis de todos los componentes externos de la página en la que estamos, junto con un reporte de la eficiencia que trata muchos aspectos, más o menos interesantes, como:
  • Consejos para realizar menos conexiones HTTP.
  • Añadir una cabecera Expires
  • Hacer Gzip de los componentes para una descarga más rápida
  • Colocar los archivos de estilos en la cabecera
  • Colocar los scripts en la cabecera
  • Evitar las expresiones CSS en el cuerpo de la página
  • Minimizar los archivos de script Javascript
  • Eliminar scripts duplicados
  • Etc.
Todas estas recomendaciones, cuando se deben aplicar sobre el sitio, vienen con referencias a los lugares donde se está actuando de manera incorrecta y con explicaciones sobre qué significa cada uno de los puntos tratados.

Aparte del comportamiento de la página (performance) se ofrecen otros reportes como
  • Estadísticas (con el botón stats) que nos ofrece un listado de los componentes externos de la página y el peso que ocupan, si están cacheados o no, etc. con un gráfico de tarta para ver el peso relativo de cada uno con respecto a toda la página.
  • Un listado de todos los componentes externos (con el botón components) que nos informa de todos los archivos externos cargados para visualizar la página, la fecha en la que se crearon, el peso en Kb, el tiempo de carga y si están comprimidos.
  • Una serie de reportes de interés (en el botón tools) en el que destaca una verificación de los scrips Javascript, con los errores de sintaxis, que no provocan bugs en tiempo de ejecución pero que están mal programados (este reporte lo ofrecen gracias a JSLint, un verificador Javascript).
  • Una completa ayuda sobre el componente (Botón help)
El add-on para Firefox YSlow está ofrecido por Yahoo Developer Network y es de mucha utilidad para los desarrolladores. Podemos descargarlo y obtener más información en: http://developer.yahoo.com/yslow/

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir