<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">

PageSpeed Insights: mejora tu test de velocidad web

New Call-to-action

Las SERP del buscador de Google son las responsables de originar el 94% del tráfico total y el 96% del tráfico por dispositivos móviles (HubSpot). De aquí que para las empresas y los profesionales del marketing nos sea de gran importancia la configuración de páginas web que conquisten el algoritmo de Google y se posicionen lo mejor posible.

PageSpeed es una plataforma que nos ayuda a mejorar dicho posicionamiento, al menos eso dice la teoría, ¿pero cuál es la verdad que hay detrás de ello?

¿Qué es Google PageSpeed y qué herramientas lo componen?

Google PageSpeed es un compacto pero potente conjunto de herramientas que Google coloca a nuestra disposición para analizar u optimizar el rendimiento y la velocidad de carga de nuestras páginas web. Este grupo de soluciones se dio a conocer públicamente en la conferencia Google I/O en 2010.

Tras algunos cambios sobre la cantidad de herramientas que lo componen, hoy en día las dos principales son:

  1. PageSpeed Insights, utilizada en cloud.
  2. PageSpeed Module, ejecutada on-premise.
¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

¿Qué es Google PageSpeed Insights?

PageSpeed InsightsPageSpeed Insights

Google PageSpeed Insights es la herramienta online encargada de analizar el rendimiento de las páginas web. En dicho análisis, el sistema arroja dos tipos generales de resultados:

  1. Por un lado, están aquellos relacionados con la velocidad de carga y el rendimiento en sí mismo.
  2. Por otro lado, está una serie de recomendaciones que la plataforma realiza para que nosotros sepamos dónde y cómo optimizar la página web.

Para realizar tanto el análisis como las sugerencias, la herramienta se basa en lo que se conoce como best practices o reglas de PageSpeed Insights. Estas abarcan tanto el nivel de front-end (carga de imágenes, archivos JavaScript o CSS, entre otros) como de configuración del servidor. 

Específicamente, las reglas son:

  • Evitar redirecciones a páginas de destino.
  • Habilitar la compresión.
  • Mejorar el tiempo de respuesta de los servidores.
  • Aprovechar el almacenamiento en caché de los navegadores.
  • Minificar recursos.
  • Optimizar imágenes.
  • Optimizar la entrega de CSS.
  • Priorizar el contenido visible.
  • Quitar el JavaScript que bloquea el renderizado del contenido.

Accede a la guía completa sobre cómo aplicar SEO en tu estrategia de marketing  online

Lighthouse: la diferencia entre el antiguo PageSpeed Insights y el actual 

En 2017, Google publicó su herramienta LightHouse, una extensión para Google Chrome cuya funcionalidad es analizar una página web en función de su estructura, velocidad de carga y renderizado.

Al poco tiempo, LightHouse pasó a formar parte de PageSpeed Insights. Con dicha integración, se marcó un antes y un después en las capacidades de esta última plataforma.

En el antiguo PageSpeed obteníamos algunas métricas valiosas sobre el nivel de optimización web y el tiempo de carga medio (FCPFID), así como también algunos consejos para mejorar dichas variables. En esta versión, las puntuaciones y las valoraciones obtenidas de los análisis variaban en la siguiente escala:

Escala de puntuación

Velocidad de carga

De 90 a 100

Rápida

De 50 a 89

Media

De 0 a 50

Baja


PageSpeed Insights version anteriorAntiguo PageSpeed Insights

En el actual PageSpeed Insights (integrado con LightHouse), las variables de análisis aumentaron, brindando, así, un conocimiento mucho más profundo sobre nuestra página web. Ahora no solo disponemos de la puntuación media y métricas de carga en dispositivos móviles con Chrome (valoración media estimada), sino que también disponemos de todas las métricas de renderizado que nos aporta LightHouse.

Estos nuevos datos son muy importantes para que comprendamos cuanto tiempo tarda un visitante en consumir el contenido en nuestra página web y cómo lo hace.

En esta nueva versión de PageSpeed, la escala de valoración sobre el nivel de optimización es la siguiente:

Escala de puntuación

Nivel de optimización

De 80 a 100

Buena

De 60 a 79

Media

De 0 a 59

Baja

PageSpeed Insights nuevaActual PageSpeed Insights

En este contexto, la principal diferencia entre en antiguo y el nuevo PageSpeed es que, aún si alcanzamos una puntuación de 100, siempre seguiremos teniendo un listado de elementos a considerar para seguir optimizando nuestro website.

[GUÍA GRATUITA] Conoce todos los detalles sobre Google BERT: qué es, cómo  funciona, cómo afecta al SEO y aspectos técnicos

Campos de resultados del actual Google PageSpeed Insights

En líneas generales, los factores que PageSpeed Insights aporta al analizar una página web se clasifican en tres categorías:

  1. Oportunidades: sugerencias que pueden ayudar a que nuestra web cargue más rápido.
  2. Diagnósticos: información más detallada sobre el rendimiento de nuestra aplicación.
  3. Auditorías aprobadas: listado de elementos que cumplen correctamente con las reglas de PageSpeed Insights mencionadas anteriormente.

No listaremos todas las subcategorías que contiene cada elemento, ya que pueden llegar a ser muchas, pero algunos ejemplos son:

  • “Elimina los recursos que bloqueen el renderizado”, en Oportunidades.
  • “Medidas y marcas de User Timing – 7 tiempos de usuario”, en Diagnósticos.
  • “Evita un tamaño excesivo de DOM – 200 elementos”, en Auditorías aprobadas.

Lo interesante es que, para cada uno de todos los posibles puntos, Google lo acompaña de unas descripciones que ayudan a entender mejor el problema a mejorar.

PageSpeed Móvil y PageSpeed Ordenador

PageSpeed movilPageSpeed Insights analiza las webs tanto desde la perspectiva de los dispositivos móviles como de los ordenadores. Y lo hace con el objetivo de que podamos saber cuán optimizada está nuestra página web a nivel mobile first y si ella es capaz de brindar una buena de experiencia de usuario para quienes la visitan desde sus smartphones.

Para lograrlo, la plataforma realiza una serie de consultas a la página simulando un dispositivo móvil y teniendo en cuenta los parámetros propios de este tipo de navegación.

PageSpeed Insights API

La API de PageSpeed Insights cumple tanto con las funciones que ya hemos detallado (análisis de rendimiento y recomendaciones de mejora) como con una muy interesante que permite a los programadores aprender a convertir una página web estándar en una aplicación web progresiva (PWA).

Las PWA son un nivel superior de páginas web que se comportan como si fuesen aplicaciones móviles, aprovechando, así, las ventajas de las apps nativas pero sin la necesidad de ser descargadas o instaladas, ya que se puede ser acceder a ellas mediante cualquier navegador, como Chrome.

Además, la API de PageSpeed Insights brinda datos provenientes tanto de LightHouse como del Informe Experiencia de Usuario de Chrome (CrUX).

  • ¿Qué es Google PageSpeed Module?

PageSpeed Module es el otro componente de Google PageSpeed, además del de Insights. Este consiste en una biblioteca de código abierto que puede ser desplegada en servidores Apache o Nginx, y cuyas funcionalidades son reescribir y optimizar automáticamente los recursos de nuestra web.

Para lograr dicha automatización, PageSpeed Module aplica una serie de filtros diseñados en consonancia con las reglas de PageSpeed Insights, los cuales son llamados PageSpeed Filters. Estos se ejecutan en orden predefinido, pero pueden ser habilitados y deshabilitados en el archivo de la configuración del servidor.

Antiguos componentes de Google PageSpeed

En sus inicios, además de Insights y Module, Google PageSpeed también contaba con otros dos componentes:

  • PageSpeed Chrome Extension
  • PageSpeed Service
  • PageSpeed Chrome Extension

Google PageSpeed Chrome Extension fue una extensión para el navegador web Chrome. Esta nos permitía obtener un análisis de PageSpeed justo en cada página que visitábamos. Sin embargo, Google descontinuó la herramienta, enfocando todos sus esfuerzos en PageSpeed Insights para el análisis de páginas web.

  • PageSpeed Service

Google PageSpeed Service fue una herramienta comercial que optimizaba y aceleraba automáticamente a nuestras páginas. Para lograrlo, solo debíamos registrarnos en el servicio y apuntar la entrada DNS de nuestra página web a Google.

PageSpeed Service comenzó a funcionar en 2011. A pesar de tener muy buenos resultados durante varios años, Google decidió enfocarse en los productos PageSpeed de código abierto. Por tanto, en mayo de 2015 se anunció la futura discontinuidad del servicio y en agosto de ese mismo año se efectuó el cese definitivo de su prestación.

¿Es posible (o necesario) lograr una puntuación perfecta en PageSpeed Insights?

Seguir las indicaciones de PageSpeed suele ser una buena idea, hasta cierto punto. Debes tener claro que las variables de análisis de esta herramienta son muy estrictas y que no siempre están en consonancia con lo que es una página web realmente optimizada. 

Por tanto, no debes obsesionarte con sus indicadores, pues esto te traerá como consecuencia una gran frustración y, de manera irónica, una sobreoptimización de tus recursos que al final terminan perjudicando a tu página web.

Un ejemplo de esto es cuando PageSpeed Insights te sugiere que optimices la entrega de CSS. En un mundo ideal, tu CSS estaría minificado y comprimido al máximo, y separado para mostrar los estilos esenciales (los critical assets) en la cabecera y el resto en el pie de página. Sin embargo, en el mundo real esto no es posible, pues seguramente estás utilizando WordPress.

¿Qué tiene de malo usar WordPress?

No tiene nada de malo. Al contrario, ¡es excelente!, pero lograr 100 puntos de PageSpeed en WordPress puede ser una tarea bastante complicada teniendo en cuenta que, al instalar plugins, tendrás de todo: archivos CSS en tu página que no se pueden minificar o estilos que son ineficientes, entre otros.

Hay otras veces en las que, por más que nuestra página sea “perfecta” y pueda llegar a alcanzar una puntuación de 100, no es posible hacerlo debido a factores externos. Por ejemplo, si tenemos un servidor de bajo presupuesto, puede dar errores que no tienen solución, como, por ejemplo, la lentitud en el tiempo de respuesta del servidor o time to first byte (TTFB). En ese caso, siempre podemos contactar con nuestro proveedor de servidor para consultar si es posible mejorar el TTFB o plantearnos contratar otro servicio un poco mejor.

Herramientas de web speed test

Para medir la velocidad de carga y otros factores de optimización de las páginas web existen muchas otras herramientas. Cada una con características, funciones, variables y modelos de resultados diferentes.

Como profesionales del marketing o desarrolladores de páginas web, podemos tener preferencia por cualquier plataforma de web speed testing, según una u otra nos parezca que brinda resultados más fiables o mejores sugerencias de optimización.

New Call-to-action

Algunas de las herramientas de speed test más populares son:

  • Test My Site
  • GTmetrix
  • Pingdom

Test My Site de Google para medir la velocidad de sitios web en móviles

Test My Site es otra herramienta de Google para medir la velocidad de carga online. Se diferencia de PageSpeed en que esta última se encarga de analizar páginas individuales. Por ejemplo:

Paralelamente, Test My Site se encarga de analizar todo el sitio web en conjunto: https://www.inboundcycle.com. Por otro lado, Test My Site solo tiene en cuenta las variables de navegación mobile, no mediante ordenador. Sin embargo, uno de sus aspectos más interesantes es que permite comparar nuestra página web con las páginas web de la competencia.

GTmetrix para test de velocidad web

GTmetrix es una herramienta comercial para realizar tests de velocidad web. Aunque en principio se puede utilizar de manera gratuita, también tiene su versión de pago, que es más potente y completa (GTmetrix PRO).

Las funciones de GTmetrix son muy versátiles. Esta plataforma se caracteriza por un panel de resultados bastante visual e intuitivo, el cual permite, entre otros, seleccionar períodos de tiempo para analizar el registro histórico del rendimiento de nuestra página web. Además, es posible configurar alertas para poder saber cuándo nuestra página web comienza a bajar su rendimiento.

Pingdom Website Speed Test

Pingdom Website Speed Test es otra herramienta comercial para medir la velocidad de páginas web y que cuenta con su versión gratuita y varios planes de pago. También brinda resultados altamente visuales, configurables y detallados. Por ejemplo, Pingdom Website Speed Test nos permite conocer, entre otros:

  • Los tamaños de los archivos.
  • Sus tiempos de carga.
  • Los elementos que ralentizan el website.
  • Las búsquedas de DNS.
  • El impacto en el rendimiento de todos los cambios aplicados.

Nuestra recomendación para tu posicionamiento SEO

Las herramientas de medición de la velocidad web y de los niveles de rendimiento ofrecen datos estratégicos muy valiosos sobre nuestro SEO on-page. Sin embargo, el posicionamiento SEO depende en mayor medida de muchos otros factores tremendamente importantes, los cuales van desde la calidad de tus contenidos hasta tus estrategias de link building.  

Es necesario, sin duda, que optimices los aspectos técnicos de tu página web, pero no te preocupes tanto por los indicadores. Unos puntos más o unos puntos menos no te van a permitir conseguir más lectores, más suscriptores o más ventas.

Hay páginas web con índices muy bajos de PageSpeed y que, aun así, aparecen en los primeros resultados de las SERP. Mientras que hay otros sitios web con puntuaciones de casi 100, y que de casi 100 también es su posición en los resultados de Google.

Sin embargo, sé que la tentación de lograr los 100 puntos es grande, y justo ahora estarás preocupado por no poder hacerlo. Así que si tienes alguna duda sobre la configuración de tu site, déjame un comentario abajo y estaré encantado de resolvértela.

New Call-to-action

También te pueden interesar...

Breadcrumbs o migas de pan: cómo activarlas y cómo influyen en el SEO
RD Station: qué es, cómo funciona y para quién es
Guía avanzada de Google BERT:  qué es, cómo funciona y en qué te afecta

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos