¿Cuánto tiempo tarda en cargar tu sitio web? ¿Estás brindando una experiencia de usuario satisfactoria? PageSpeed Insights tiene las respuestas. Si bien hay muchos factores que determinan el posicionamiento de un sitio web, hay uno que puede marcar la diferencia cuando dos sitios están a la par: la experiencia de usuario.

Y el tiempo de carga es el factor que más influye en ella. Este tiempo está compuesto por una serie de elementos que, en el peor de los casos y según las directrices actuales de Google, afectan negativamente la experiencia de tus usuarios.
Consciente de esta problemática, Google nos ofrece una herramienta gratuita llamada PageSpeed Insights, con la cual podemos realizar una auditoría de rendimiento y solucionar los problemas que comprometen su desempeño tanto en la versión de escritorio como en la versión móvil. ¡Sigue leyendo!

¿Qué es PageSpeed Insights?

Google PageSpeed Insight es una herramienta de optimización gratuita que nos permite monitorear algunos de los factores que afectan la velocidad de carga de un sitio web. Es decir, el tiempo que le tomará al usuario visualizar correctamente los diferentes contenidos de una URL.
Esta herramienta realiza un único análisis segmentado en 2 versiones: escritorio y móvil. El objetivo es brindar al webmaster una idea global sobre el tiempo que tarda el usuario en ver el contenido y qué cosas pueden perjudicar esta carga.

De esta forma, el propietario del sitio web puede evaluar y conocer qué mejoras implementar para ofrecer una experiencia óptima y mejorar su SEO.

PageSpeed Insight se basa en cumplir 3 aspectos fundamentales

  • Reducir la cantidad de llamadas HTTP realizadas.
  • Optimizar el renderizado de la URL dentro del navegador de los usuarios.
  • Disminuir el número de respuestas después de una petición HTTP.

Debido al descontento expresado por los usuarios en relación a los tiempos de carga, Google anunció una actualización que premia con mejores posiciones a aquellos sitios web que cumplen con los estándares de PageSpeed.

¿Cómo funciona PageSpeed Insight?

El funcionamiento de Google PageSpeed Insights es muy sencillo e intuitivo de comprender.
Al acceder al portal oficial de la herramienta, veremos un campo de texto donde debemos colocar el dominio de nuestro sitio web o la dirección URL que queremos analizar.
Después de colocar la URL y hacer clic en el botón «Analizar», se iniciará el análisis durante algunos segundos.
Al finalizar el proceso, PageSpeed nos mostrará una puntuación basada en un rango de 0 a 100 con su respectivo color (rojo, amarillo o verde), teniendo en cuenta varios factores: rendimiento, accesibilidad, prácticas recomendadas y SEO.
La herramienta también nos ofrecerá un listado con varias recomendaciones para mejorar la velocidad de carga, las cuales también están categorizadas por colores (rojo, amarillo o verde) según su gravedad.

Veamos qué significa cada uno:

Color verde

El análisis será considerado «Perfecto» si la puntuación oscila entre 90 y 100 puntos, resaltando en color verde e indicando que la URL analizada cuenta con un nivel de carga excelente.

Color amarillo

El análisis será considerado «Regular o Mejorable» si la puntuación oscila entre 50 y 89 puntos, resaltando en color amarillo. En este punto, es recomendable aplicar los consejos e indicaciones proporcionados por PageSpeed Insight para optimizar el tiempo de carga.

Color rojo

El análisis será considerado «Malo» si la puntuación oscila entre 1 y 49 puntos, resaltando en color rojo. Este estado es el peor de todos, por lo que debemos tomar medidas siguiendo las recomendaciones de la herramienta al pie de la letra.

Principales métricas proporcionadas por Google PageSpeed Insights

PageSpeed Insights presenta un informe que combina datos de campo (basados en los últimos 28 días) con datos de laboratorio (simula y analiza una visita a tu sitio web con Google Lighthouse).

Datos generales de campo

Descubre lo que están experimentando tus usuarios reales:

Los datos de campo incluyen las métricas de las Core Web Vitals (LCP, FID, CLS), las cuales evalúan tres aspectos básicos de la experiencia de usuario: velocidad, interactividad y estabilidad visual.
Estos datos contienen toda la información de los últimos 28 días y detallan las interacciones recibidas por los usuarios para obtener los siguientes datos:
FCP
El First Contentful Paint o FCP se refiere al intervalo de tiempo transcurrido desde el primer acceso del usuario al sitio web hasta la presentación del contenido.

INP

El Interaction to Next Paint es una nueva métrica en fase experimental que mide la capacidad de respuesta de un sitio web a través de todas las interacciones realizadas en una página.
FID
El First Input Delay o FID mide el tiempo máximo de respuesta dedicado a la reacción de la primera interacción entre el usuario y el sitio web. Esta métrica será reemplazada en 2024 por INP.
LCP
La LCP o Largest Contentful Paint abarca los intervalos de tiempo empleados desde el primer ingreso del usuario hasta la carga completa del contenido de un sitio web en su totalidad.
CLS
El Cumulative Layout Shift o Desplazamiento de diseño acumulativo es el encargado de calcular la estabilidad visual de un sitio web, midiendo y mostrando el total de desplazamientos de diseño que ocurren de manera inesperada en el sitio.
TTFB
El Time To First Byte o Tiempo hasta el primer byte representa el tiempo que el navegador debe esperar para recibir el primer byte del servidor. Cuanto más tarde, más tardará en aparecer la página. Por tanto, indica si el servidor es demasiado lento.