Herramientas YSlow

Herramientas de YSlow

El menú de herramientas de YSlow proporciona varias herramientas de informativas que puede utilizar para obtener información y orientarle en su análisis de la página web. La siguiente es una captura de pantalla del menú Herramientas:

captura de pantalla de las herramientas que le ofrece YSlow.
Herramientas YSlow

Cada herramienta se describe a continuación:

JSLint

JSLint recoge todo el JavaScript externo y en línea desde la página web actual, lo somete a JSLint, un verificador de JavaScript, y se abre una nueva ventana con un informe acerca de los problemas que hay en el JavaScript de la página. El informe incluye lugares aproximados dentro del código fuente donde se encuentra el problema. Muchas veces los problemas son solo errores de sintaxis, pero JSLint busca problemas de convenciones de estilo y también problemas estructurales.

Ejemplo de informe JSLint:

captura de pantalla de un informe JSLint.
Informes JSLint

All JS recoge todo el JavaScript externo y en línea de la página y muestra las secuencias de comandos en una ventana separada. Es posible que desee utilizar esta herramienta para comprobar las secuencias de comandos que página utiliza realmente y si la página está tirando de ellos correctamente.

Un ejemplo de todo el informe JS:

ejemplo de informe que podemos tener gracias a All JS.
Informe All JS

All JS Beautified

All JS Beautified es similar a All JS, excepto que la salida de JavaScript está formateado para ser más legible.

Un ejemplo de todo informe de JS embellecida:

así se muestra la línea de JavaScript con All JS Beautified.
All JS Beautified

All JS Minified

All JS Minified recoge todo el JavaScript externo y en línea, eliminando comentarios y espacios en blanco para disminuir el tamaño de los scripts. Puede sustituir su código JavaScript con la versión miniaturizada para mejorar el rendimiento de la página web.

Ejemplo del informe All JS Minified:

este es el informe que podemos obtener con la herramienta All JS Minified.
All JS Minified

All CSS

All CSS recoge todas las hojas de estilo en línea y externas de la página y las muestra en una ventana separada.

Un ejemplo del informe All CSS:

captura de pantalla del informe que obtendremos usando la herramienta All CSS.
All CSS

All Smush.it

Si hace clic en All Smush.it, Smush.it se ejecutará en todos los componentes de la imagen en la página. Esta herramienta le dirá que imágenes se pueden optimizar y crear un archivo zip con las imágenes optimizadas. Al seleccionar esta herramienta podrá ver una ventana como la siguiente:

captura de un informe utilizando All Smush.it.
All Smush.it

Versión para imprimir

Haga clic en Vista de impresión para abrir una nueva ventana con una versión para imprimir de los grados, los componentes, y las estadísticas de la página.