El Page Speed de una web es una métrica que nos indica cuanto tiempo tarda un sitio web en cargar al completo, es decir, no solo lo que un usuario verá en su pantalla al entrar a la web, sino también todo el contenido de la página junto con todos sus ficheros de códigos de programación y maquetación que componen el sitio web. Es necesario para todo usuario saber cómo analizar el page speed de una web.
Es por ello que analizar el sitio web al detalle con herramientas específicas es importante de cara a optimizar el tiempo de carga y tratar así que se sitúe entorno a los 2 – 3 segundos, ya que un tiempo de carga superior a este margen podría causar un aumento de la tasa de rebote de tu sitio web, es decir, que el número de usuarios que entra y sale en cuestión de pocos segundos de tu página web se eleva. Esta tasa de rebote se debe a que al tener un excesivo tiempo de carga en en tu página web, los usuarios deciden abandonarla.
CÓMO ANALIZAR EL PAGE SPEED

Page Speed Insights
En primer lugar tenemos la herramienta que nos ofrece Google, el Page Speed Insights. Esta herramienta nos arrojará resultados acordes con su política, resultándote muy útil de cara a saber que es lo que Google penaliza y por ende afecta a la velocidad de carga de tu página web. El análisis puedes hacerlo para diferentes dispositivos, funciona tanto en un ordenador de escritorio o en un teléfono móvil, ofreciéndote así información muy valiosa acorde con tu negocio que tienes junto con aspectos importantes de mejora.
Al entrar a la página del Page Speed verás una barra de búsqueda, donde al meter la URL a analizar te aparecerá un resultado de la medición que oscila entre los 0 a 100 puntos. Ese apartado es importante, pero la información que más te interesará se encuentra en el apartado de “oportunidades” y “diagnósticos” ya que te dicen directamente que aspectos corregir o evitar para mejorar la puntuación y por tanto, reducir el tiempo de carga.
Lighthouse
Cabe destacar, que para este análisis, Google se sirve de una herramienta para desarrolladores web open-source, que se llama Lighthouse. Puedes instalarla a modo de extensión en el navegador de Chrome, permitiéndote así realizar auditorías web más rápidas y más específicas en lugar de servirte del Page Speed Insights, que se centra en arrojar resultados atendiendo exclusivamente a la política de Google.
Para descargarla, entra a la página de Google Developers y la encontrarás en la sección de “Web”. Una vez instalada, te aparecerá un pequeño icono en el navegador en donde accedes a las funciones de la extensión.

GTMetrix
Otra herramienta de uso profesional que te recomendamos es GT Metrix. Se trata de una herramienta de uso totalmente gratuito que te arrojará resultados muy específicos. Estos resultados se desglosan en diferentes apartados los cuales son Pagespeed Score, Yslow Test y Waterfall.

Los dos primeros hacen referencia a todo aquello que afecte a la velocidad de carga del sitio web, permitiéndote desglosar cada una de las variables analizadas en detalle por URL. Ambos resultados guardan similitud entre ellos, pero cada uno se centra en diferentes recomendaciones o en diferentes series de normas relevantes de cara al rendimiento de la web y por tanto, a la velocidad de carga. Para cada uno de ellos se te mostrará una puntuación basada en un porcentaje, la cual te muestra el grado de optimización de tu sitio web en relación con páginas similares que GT Metrix ha analizado durante los últimos 30 días.
Es por ello, que no debes alarmarte demasiado por el resultado obtenido, ya que tu sitio web puede no requerir de las mismas especificaciones que otros sitios web analizados. En lo que debes fijarte, ya que es muy importante, es en la sección de recomendaciones desglosada más abajo ya que se centra exclusivamente en tu sitio web:


Por último, si queremos saber que archivos en concreto y por cuanto tiempo cada uno de ellos está ralentizando la web en cada uno de sus procesos, tendremos que ver el “Waterfall”. En él también verás información muy importante de cara a saber si cierta URL arroja algún error del tipo 404 y también cuanto pesa el archivo analizado y si este está comprimido o no.
En esta sección, al igual que con el Page Speed Insights, podrás ver cada recomendación más en detalle clicando en cada una de ellas.

A pesar de que los apartados mencionados anteriormente son importantes, la información más valiosa, es el diagrama de barras situado más a la derecha, en él, podremos encontrar dos tipos de datos muy importantes:
Barras de tiempo: Estas barras indican el tipo de tiempo que tarda cada proceso del archivo analizado según el color que tengan.
Azul: “ DNS lookup” : el tiempo que tarda en relacionar el nombre del dominio con una IP.
Verde: “Conectando”: el tiempo que tarda el servidor en conectarse con el host/cliente.
Lila: “ Esperando” : indica como de rápido tu servidor responde a una petición.
Naranja: “Enviando” : el tiempo que tarda el navegador en enviar una petición al servidor.
Gris: “Recibiendo” : el tiempo que tarda el navegador en descargar la respuesta desde el servidor.

Líneas de eventos: Estas líneas representan los tiempos específicos de cuando se consiguen ciertos “hitos”.

Línea verde: Es el momento en el que empieza cualquier tipo de renderizado en la web, por ejemplo cuando se muestra el logo o cualquier tipo de imagen.
Línea azul: Momento en el que el DOM (Document Model Object) se considera listo para el navegador.
Línea roja: Momento en el que todos los elementos que constituyen la web han sido descargados y procesados por el navegador.
Línea morada: Momento de carga completa, en el que todos los eventos terminan y no hay actividad durante dos segundos.