Según Google, si una página se descarga y se muestra rápidamente al visitante, se aumenta la aceptación de los usuarios y mejora la usabilidad de la web.
En este post describimos como utilizar la herramienta Page Speed de Google para realizar un análisis del rendimiento de una página web.
¿Cómo comprobar la velocidad de descarga de una página web?
Existen multitud de utilidades (ver nuestra sección de herramientas), pero hoy os hablamos de Page Speed de Google.
Page Speed:
Page Speed es un complemento de software libre de Firefox/Firebug. Los webmasters y los desarrolladores web pueden utilizar Page Speed para evaluar el rendimiento de sus páginas web desde el punto de vista del cliente y para obtener sugerencias sobre cómo mejorarlas.
El tiempo de carga de la página es el tiempo transcurrido entre el momento en que un usuario solicita una página nueva y el momento en que la página es totalmente cargada por el navegador. En este tiempo influyen muchos pasos como son:
- incluyendo la resolución de nombres DNS
- la creación de conexiones TCP desde elñ navegador al servidor web
- la transmisión de solicitudes HTTP
- la descarga de recursos
- la carga de los recursos de la memoria caché
- el análisis y ejecución de secuencias de comandos
- la representación de objetos en la página
¿Cómo funciona Page Speed?
Page Speed lleva a cabo varias pruebas en el código de la interfaz de usuario y en la configuración del servidor web. Estas pruebas se basan en un conjunto de prácticas recomendadas que se estiman convenientes para mejorar el rendimiento de las páginas web. Al ejecutar la herramienta se obtienen un número de puntuaciones para cada página, así como sugerencias útiles sobre cómo mejorar su rendimiento.
El análisis que realiza Page Speed se basa en cinco categorías que Google considera esenciales en el rendimiento de una página web (según publica en su página sobre Buenas Prácticas para el Rendimiento Web):
- Optimizar el almacenamiento en caché
- Minimizar los tiempos de tránsito
- Minimizar el tamaño de la página
- Minimizar el tamaño de la carga útil – reducir el tamaño de las respuestas, descargas, y en caché
- Optimización de la prestación del navegador
Funcionamiento de Page Speed
Despues de la instalación y de la conexión a la página que queremos analizar, abrimos FireBug y encontramos la solapa de Page Speed (recordamos que es un complemento de Firefox que se “pega” a FireBug) :
Barra de estado de Page Speed
Ahora simplemente hay que hacer click en “Analyze Performance” para que lance el análisis de la página. El resultado del mismo tendrá una apariencia similar a esta, indicando para cada una de las “reglas” que sopesa Google, una serie de consejos:
Resultado de la ejecución de Page Speed
Para cada regla, Page Speed ofrece sugerencias concretas de mejora, y da una “puntuación” de acuerdo con una heurística que sopesa una serie de factores. Estos factores incluyen el impacto potencial de la regla (sobre la base de la experiencia de Google), la dificultad de aplicación, y la gravedad de la varianza de la página respecto a la regla. El último factor consiste en alguna medida cuantitativa de “fracaso” de la página para aplicar la regla, por ejemplo, podría ser un porcentaje del número total de archivos de prueba.
¿Cómo interpretar los resultados?
- Alta prioridad. Estas sugerencias nos indican acciones a tomar, con un bajo esfuerzo de desarrollo, para una mejora segura y contrastada por la experiencia de Google. Estas acciones son las que en primer lugar tenemos que abordar.
- Prioridad media. Estas sugerencias pueden representar más pequeñas mejoras o grandes mejoras cuya implementación implica un esfuerzo mayor de desarrollo. Aquí hay que evaluar y valorar el esfuerzo que nos implica su implementación.
- Baja prioridad. Muestran mejorar menores que pueden realizarse en la página.
- Mensajes informativos. Información adicional sobre la página y que no entra en ninguna de las categorías principales.
Page Speed Activity
La solapa Page Speed Activity muestra una cronología de todas las actividades de navegación, incluyendo los eventos de red y procesamiento de JavaScript. Esta información nos permite analizar más en profundidad el rendimiento de nuestras páginas y correlacionar los resultados del análisis de velocidad de Page Speed con datos de tiempo real.
La solapa Page Speed Activity
La información que, de forma cronográfica, nos ofrece tiene un aspecto similar a este:
Resultados Page Speed Activity
El panel de actividad muestra, en una línea de tiempo, los eventos del navegador para cada uno de los recursos necesarios para la página que se está cargando. Los eventos están representados en intervalos de tiempo de 10 milisegundos. Si el evento navegador no tomar el total de los 10 milisegundos, el evento se muestra en un tono más claro.
Esta tabla describe los tipos de eventos de los que informa la herramienta:
| Network events | Description | ||
|---|---|---|---|
|
|
DNS | The browser is performing a DNS lookup for this resource | |
|
|
Wait | The browser is waiting to establish a network (TCP) connection with the web server. Because the browser limits the number of connections it can keep open, if it has reached its maximum, it must wait until one is closed to begin a new one. (For information on browser connections, see Parallel downloads across hostnames.) This event shows the time the browser waits until another completes. |
|
|
|
Connect | The browser is establishing a network (TCP) connection with the web server. This event only appears for new connections; not for connections that are reused. | |
|
|
Send | The browser has sent the HTTP request. Only GET requests are shown. | |
|
|
Connected | The browser is waiting for data over the network. The event ends when the browser ends the TCP connection. Resources that show lengthy Connected events may benefit from optimization to reduce payload size, such as compression | |
| Local events | Description | ||
|
|
Cache Hit | The browser has successfully located the resource in its cache. | |
|
|
Data Available | Data has been made available to the browser for parsing. As web servers send out data in chunks, many of these events may appear for a single resource, if it is a large file. | |
|
|
Paint | The browser is rendering elements on the page. | |
|
|
JS Parse | The browser is parsing JavaScript. This event can overlap with other events; where it does, it is shown in a sub-row for that resource. | |
|
|
JS Execute | The browser is executing JavaScript. This event can overlap with other events; where it does, it is shown in a sub-row for that resource. If you see a substantial delay between the JS Parse and JS Execute events, this indicates that the resource contains functions that may be deferrable. | |
Por último incluimos el video en el que Matt Cutts explica que posiblemente en el 2010 la velocidad de una página será un factor para el ranking en el buscador de Google Caffeine y el de Sam Kerner comentando las funcionalidades de Page Speed:
Contenidos relacionados
The Page Speed: utilidad para comprobar la velocidad de descarga de una página by Blog AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Tags: desarrollo web, herramientas, optimizacion, posicionamiento, seo
