Yslow es una herramienta que permite analizar el rendimiento (performance) de un sitio web y que ayuda a mejorar el tiempo de carga de la página.
YSlow es una herramienta que mide la "performance" (desempeño) de los sitios web. Creada por Yahoo! En realidad se puede instalar también como extensión en los navegadores más comunes, por lo que está disponible en Chrome, Safari, Firefox, y otros.
En este artículo la analizamos cuando era parte de la extensión para Firefox llamada Firebug. Sin embargo, hoy el proyecto está disponible en para diversos navegadores y ha seguido incrementando funcionalidades.
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.
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://yslow.org/
Este proyecto es software libre y tiene su página en Github: https://github.com/marcelduran/yslow
Miguel Angel Alvarez
Fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Com...