Visualizaciones

Visualizaciones de YSlow

YSlow muestra los resultados de su análisis por separado, entre, grado, componentes y estadísticas. Usted puede navegar entre estos puntos de vista mediante la selección de la pestaña con el nombre de la vista en la ficha YSlow de la consola de Firebug.

A continuación se describe la calidad, los componentes y las estadísticas.

Grado

Para ver un análisis del desempeño de la página, seleccione la ficha de grado de grado o haga clic en la página de la carta en la barra de estado situada en la parte inferior de la página.

La vista de Grado muestra un reporte de la página web. El grado de la letra general de la página se muestra en la parte superior junto con una puntuación de calificación global numérica. La página se clasifica sobre la base de 23 normas comprobables de páginas web de alto rendimiento (ver Reglas de rendimiento). Las reglas se muestran en orden de importancia de la más importante a la menos importante. Cada regla se le asigna un grado de la letra A hasta la F, siendo A la más alta calidad.

A continuación se presenta un ejemplo de una vista de Grado:

imagen de ejemplo donde se aprecia la manera en que YSlow, muestra la calificación de una página web.
YSlow grado

Si una norma no es relevante para la página web, la calificación se devuelve es N / A, no es aplicable.

Usted puede revisar las calificaciones de su página web para cada una de las 23 reglas comprobables. Para cada regla, una norma está en la lista, junto con una lista de componentes que violan la regla, así como sugerencias para mejorar. Además, hay una breve descripción de la regla y un enlace Leer más. Puede hacer clic en leer más acerca de cómo la norma afecta al rendimiento de la página web.

Componentes

Para mostrar información acerca de los componentes de la página, seleccione la ficha Componentes. La vista de componentes muestra todos los componentes presentes en la página web. Usted puede buscar en este punto, por ejemplo, ver qué componentes pueden ser comprimidos para mejorar el rendimiento.

El siguiente es un ejemplo de Vista de Componentes:

ejemplo de la página que aparece cuando pulsamos la opción "Ver componentes" en YSlow.
Ver Componentes YSlow

En la parte superior de la pantalla hay un resumen del número total de los componentes de la página y el peso de la página en kilobytes. A continuación hay una tabla con la información de los componentes. Haga clic en el «Expandir todo» para ver todas las filas de la tabla.

Lo siguiente es un resumen de las columnas de la tabla Vista de Componentes:

  • Tipo – Tipo del componente. La página se compone de los componentes de los siguientes tipos: doc, js, css, flash, cssimage, imagen, redirigir, favicon, xhr y iframe.
  • Tamaño – el tamaño del componente en kilobytes.
  • Gzip – Tamaño del componente en kilobytes.
  • Cookie recibida – el número de bytes en el encabezado de respuesta HTTP Set-Cookie.
  • Galletas Enviado – el número de bytes en el encabezado de solicitud HTTP Cookie.
  • Encabezados – El icono de encabezado HTTP. Para ver el encabezado haga clic en el icono. Vuelva ha clicar en el icono para cerrar el encabezado.
  • URL – URL del componente.
  • Expira – la fecha en el encabezado Expires o «max-age» en la «cache-control» de cabecera. Este campo se establece a no caduca si no se vence la información.
  • Tiempo de respuesta – el tiempo en milisegundos que tarda en cargar el componente de uso de «XMLHttpRequest».
  • ETag – el valor del encabezado de respuesta ETag, en su caso.
  • Acción – una acción que se realizará en el componente de análisis de rendimiento adicional.

Estadísticas

Para ver las estadísticas de la página web, seleccione la ficha de estadísticas. Esta vista proporciona un resumen del número total de peticiones HTTP y el peso total de la página en kilobytes, así como el análisis del peso de la página tanto para Vaciar caché y preparar perspectivas de caché. La perspectiva Vaciar caché indica que todos los componentes que el navegador debe solicitar para cargar la página cuando el usuario lo visita por primera vez. En la perspectiva de caché Primed, todos o la mayoría de los componentes ya estaría en la caché, lo que reduciría el número de peticiones HTTP y el peso de la página.

El «Expires» y «Last-Modified» cabecera de cada componente afecta a las perspectivas de vació de caché. Por ejemplo, cuando la caché está llena, un componente con un «Expire» de cabecera en el futuro no requiere de una petición HTTP y no añade peso al tamaño de página. Si un componente ha caducado, pero tiene una edad bastante «Last-Modified», entonces se genera un solicitud condicional «GET HTTP». Sin embargo, esto generalmente se traduce en una respuesta «304 Not Modified» y no añade ningún peso a la página.

A continuación, un ejemplo de la vista de estadísticas:

ejemplo de la pagina que veremos cuando pulsemos estadísticas en Yslow.
Estadísticas de YSlow