Google apunta constantemente a mejorar la internet desde todas las perspectivas posibles. Y, como era de esperar, la experiencia de usuario es uno de los bastiones más fuertes del gigante tecnológico. Dentro de todo el abanico de herramientas que la empresa ofrece a los desarrolladores, Page Speed Insights se presenta como una de las opciones más buscadas por aquellos que aspiran a cumplir con las indicaciones técnicas de la empresa.
Comenzaremos aportando algunos datos de utilidad: está comprobado que casi el 60% de todos los internautas, abandona un sitio web cuando la velocidad de carga es lenta. Esa lentitud, regularmente, se considera como tal cuando son superados los tres segundos. Ahora bien, cualquier persona podría pensar “de acuerdo, pero mi página excede ese lapso de tiempo porque contiene un desarrollo robusto, es un riesgo que estoy dispuesto a aceptar”. Ese es el principal error, y la causa más frecuente de fracaso de cualquier estrategia de marketing digital.
Posiblemente consideres que tu sitio web realmente “necesita” tomarse ese tiempo de carga en virtud a la gran cantidad de recursos que consume. Muy bien, es momento de dejar ese pensamiento atrás. Para comenzar, vamos a detallar el punto más básico de cualquier estrategia de marketing: Las conversiones.
Las conversiones, sin ir más lejos, son todas las acciones que te propusiste de antemano que quieres que tus usuarios cumplan en tu web. Y aquí es donde aparece la ecuación: si quieres aumentar la cantidad de conversiones, pero tu sitio es lento, y más de la mitad de los usuarios abandonan los sitios cuando se superan los tres segundos de carga… adiós conversiones. De todas maneras, no te preocupes, para eso llegó Page Speed Insights.
Estructura de Page Speed Insights
Es importante que sepas que por cada segundo que pasa mientras tu sitio se carga, tienes 20% menos de posibilidades de realizar conversiones por cada usuario. Es por esto que tu mejor opción es contar con una web rápida y altamente optimizada. Y esto no implica necesariamente que debas volver a programar todo tu sitio. Lejos de ello, solo es cuestión de realizar algunos ajustes a nivel técnico.
Page Speed Insights es una plataforma de Google que te ofrecerá una serie de datos acerca del rendimiento de tu página web, tanto en escritorio como para su versión mobile. Desde luego, el objetivo es mostrarte una serie de indicadores para que comprendas cuáles son las mejoras a realizar.
Para hacerlo, PSI (Page Speed Insights) mostrará todo lo que tiene para ti, seccionado en dos áreas bien identificadas: los datos de campo y los datos de experimentos. Solo debes tener en cuenta que ambos conjuntos de datos te mostrarán los detalles que Google entiende que debes interpretar y, llegado al caso, optimizar.
En la cabecera del sitio encontrarás la puntuación de la URL analizada. A los efectos de entender qué tan bien (o mal) se encuentra, Page Speed Insights te indicará un valor entre 1 y 100. El rango de valores está establecido de la siguiente manera:
- 0 – 49: el sitio está en malas condiciones
- 50 – 89: el sitio necesita mejoras
- 90 – 100: el sitio está en buen estado.
¿Recuerdas los datos de experimento (también llamados de laboratorio)? Bien, la herramienta determinará la puntuación del sitio en función al rendimiento que demuestre, basándose en la información que la herramienta Lighthouse recoge de ellos. Dicho de otra manera: al iniciar el escaneo, Lighthouse se ejecuta, recogiendo y analizando los datos de campo de la URL en cuestión.
Page Speed Insights: Tipos de Datos Analizados
Llegó el momento de aprender el par de conjuntos de datos que perfilará todo el análisis. Como dijimos, la herramienta presenta la información obtenida en el escaneo en dos bloques bien identificados. Los datos de campo (también conocidos como Real User Monitoring) y los datos de experimento (también conocido como datos de laboratorio).
Datos de campo
Este segmento refleja los datos de rendimiento tomados a raíz de las cargas de sitios web reales, los cuales son experimentados en el mundo real por los usuarios. O bien, dicho de otra manera: muestra cómo se comporta el sitio en el día a día.
La información presentada se toma en base a los 28 días anteriores, y es obtenida desde la estandarización de datos de CrUX (el relevamiento de reportes de experiencia de usuario de Google Chrome).
Datos de laboratorio
A diferencia de los anteriores, los cuales son experiencias recabadas del mundo real (o como Google lo llama, “de la naturaleza”), los datos de laboratorio se presentan desde la información obtenida por métricas de rendimiento extraídas de un entorno controlado, con dispositivos predefinidos y configuraciones de red ya establecidas. En otras palabras: mostrará los datos que se obtienen desde las condiciones del contexto actual en el que se hace el escaneo (por ejemplo, con la velocidad de conexión de red del momento, con el computador y la capacidad de memoria que se está utilizando, etcétera).
Habiendo realizado la distinción entre ambos, llegó el momento de desmitificar algunas cuestiones de Page Speed Insights. Comúnmente se cree que la experiencia de usuario se puede determinar a raíz de un “usuario representativo”. Tomar esto por cierto, directamente anularía toda la información ofrecida por los datos de experimento. Esto es así puesto que, dado que las condiciones de un entorno controlado (haya sido o no creado a los fines del análisis), son tantas como tantos usuarios existen usando Google Chrome en el mundo, pensar en un usuario representativo sería un completo disparate.
Por otra parte, hay que desmitificar algo que se convierte en un error crucial. No necesariamente porque tu sitio te funcione bien a ti (en tu contexto y bajo tus condiciones de conexión) significa que vaya a funcionar bien para todo el mundo. Es importante tener en cuenta esto para que las métricas de Page Speed Insights comiencen a jugar a tu favor.
¿Por qué hablamos de “las métricas inalcanzables de Google”?
Si nunca realizaste un análisis de rendimiento con esta plataforma anteriormente, es buen momento para que sepas algunas cosas. En primer lugar vamos a contarte cuáles son las métricas analizadas en cada uno de los campos y cómo Google te ayudará a mejorarlas (spoiler: el final te asustará)
Estas métricas se encuentran agrupadas en cada uno de los bloques de datos (recuerda: de campo y de laboratorio). Te las detallaremos a continuación:
- Métricas de datos de campo:
- FCP (First Contentful Paint): mide el tiempo que tarda el navegador en procesar el primer elemento visual del DOM desde que el usuario llega al sitio web.
- FID (First Input Delay): refiere a la interactividad. Mide el tiempo que toma el navegador en ofrecer una respuesta al usuario luego de que éste interactuó con el sitio por primera vez..
- LCP (Largest Contentful Paint): mide el tiempo que pasa desde que se inicia la carga del sitio hasta que se renderiza el elemento visual de mayor tamaño
- CLS (Cumulative Layout Shift): indica lo referido a la estabilidad visual. Se encarga de medir la frecuencia con que aparecen elementos inesperados en el DOM. Dicho de otra manera, apunta a los cambios de diseño producidos cuando un elemento visible cambia su posición de un fotograma renderizado, al siguiente.
- Métricas de datos de laboratorio: comparte dos de las Web Core Vitals con los datos de campo (LCP y CLS) junto a la métrica FCP. Y, a diferencia del anterior, agrega dos nuevas, que son las siguientes:
- Speed Index: el índice de velocidad. Determina la velocidad con la que se renderiza el contenido de la web durante la carga. Para realizarlo, Lighthouse toma un video de la carga del sitio en el navegador y calcula la progresión visual entre fotogramas.
- Time To Interactive: es el tiempo que tarda la página desde que se carga hasta que se encuentra totalmente interactiva (a diferencia de la métrica FID, que toma el tiempo transcurrido hasta que se puede interactuar con el primer elemento)
- Total Blocking Time: mide la cantidad de tiempo que pasa la página mientras está totalmente bloqueada (de forma que el usuario no puede interactuar de ningún modo con ella). Es la suma de tiempo de las partes de bloqueo de las tareas largas de FCP y Time To Interactive.
En resumen, Page Speed Insights se presenta como una plataforma de medición de rendimiento de un sitio web. Las métricas propuestas son las que Google entiende como principales a la hora de hablar de experiencia de usuario. Y aquí ocurre algo curioso. Bajo su condición de métricas UX impuestas por una empresa que brega constantemente por dar el mejor servicio posible, alcanzar el puntaje perfecto suele considerarse una tarea titánica: prácticamente es imposible cumplir con todas.
¡Pero no desesperes! El hecho de que sea algo tan difícil de alcanzar, simplemente es la expresión de deseo de Google por que le prestes toda la atención posible a esos detalles que, a fin de cuentas, como dijimos, influirá directamente en el aumento de tus conversiones. ¿Maneras de mejorarlas? Son incontables. Pero si llegaste hasta el final, ten por sentado que ya diste el primer paso.