Google’s Core Web Vitals y la introducción de INP en 2024

Composición de los Google’s Core Web Vitals

Los Core Web Vitals de Google constan de cuatro métricas específicas que son cruciales para la experiencia general del usuario:

• Largest Contentful Paint (LCP): Esta métrica mide el tiempo que tarda en cargarse el contenido más grande y visible de una página. Un buen puntaje de LCP es de 2,5 segundos o menos, lo que indica a los usuarios que la página se está cargando correctamente.

• First Input Delay (FID): El FID mide el tiempo que transcurre desde que un usuario interactúa por primera vez con un elemento de la página (un enlace, un botón, etc.) hasta que el navegador responde a esa interacción. Un buen puntaje de FID es de 100 milisegundos o menos. Esta métrica es especialmente importante en las páginas donde se espera que los usuarios realicen acciones, ya que el FID representa el tiempo que se tarda en que la página se vuelva interactiva. Sin embargo, a partir de marzo de 2024, esta métrica será reemplazada por una nueva llamada Interaction to Next Paint (INP).

• Cumulative Layout Shift (CLS): El CLS mide la suma de todos los cambios de diseño que ocurren durante la vida útil de una página. Un buen puntaje de CLS es de 0,1 o menos. Es importante evitar que los elementos de la página se muevan durante la interacción del usuario, ya que esto puede generar una mala experiencia de usuario.

• Interaction to Next Paint (INP): El INP es una métrica que evalúa la capacidad de una página web para responder rápidamente a las interacciones de los usuarios. Mide el tiempo que tarda la página en responder a clics y acciones del teclado durante toda la visita del usuario. Un buen puntaje de INP es de 200 milisegundos o menos. A partir de marzo de 2024, reemplazará por completo la métrica FID y se convertirá en un factor de clasificación importante.

Importancia de los Core Web Vitals para propietarios de sitios web y editores

Mejorar los Google’s Core Web Vitals puede tener numerosos beneficios para los propietarios de sitios web y los editores. Algunos de estos beneficios incluyen:

• Mayor retención de usuarios.
• Mejora de los indicadores comerciales.
• Reducción de la tasa de rebote.
• Aumento de la tasa de conversión.
• Aumento del número de páginas vistas y de los ingresos publicitarios.

Además, Google ha anunciado que los Core Web Vitals son un factor de clasificación en su motor de búsqueda. Esto significa que los sitios web que obtienen buenos resultados en estas métricas tienen más posibilidades de clasificar mejor en los resultados de búsqueda, lo que puede resultar en un aumento del tráfico orgánico y, en última instancia, de los ingresos. Por el contrario, los sitios web que presentan valores deficientes en los Core Web Vitals suelen tener una posición más baja en los resultados de búsqueda y, por lo tanto, menos tráfico orgánico.

Por lo tanto, es esencial que los editores comprendan y optimicen los Core Web Vitals, ya que no solo son una medida de la experiencia del usuario, sino que también pueden tener un impacto directo en el éxito de un sitio web.

Introducción de Interaction to Next Paint (INP) como nueva métrica de medición

Google ha anunciado un cambio importante en los Core Web Vitals: a partir de marzo de 2024, la métrica Interaction to Next Paint (INP) reemplazará a la antigua métrica First Input Delay (FID). INP es una métrica más avanzada que evalúa de manera más completa la capacidad de respuesta de una página web a las interacciones de los usuarios.

A diferencia de FID, que solo mide la primera interacción de un usuario con una página y la parte retrasada de esa interacción, INP tiene en cuenta todas las interacciones. La métrica mide la duración total desde el inicio de la interacción hasta la finalización del siguiente frame. Esto hace que INP sea una métrica valiosa que proporciona una imagen más precisa de la experiencia del usuario en una página web.

Cómo INP afecta al ranking de un sitio web

Con la introducción de INP como Google’s Core Web Vitals, esta métrica también tendrá un impacto directo en la optimización para motores de búsqueda (SEO) y en el ranking de las páginas web en los resultados de búsqueda de Google. Por lo tanto, es importante que los editores se preparen para este cambio y comprendan cómo INP afecta a sus sitios web.

Dado que INP proporciona una imagen más completa de la capacidad de respuesta de un sitio web, esta medida permite a los editores comprender mejor cómo reaccionan sus páginas web ante las interacciones de los usuarios y dónde se necesitan mejoras. Con la preparación y optimización adecuadas, los editores pueden asegurarse de obtener buenos puntajes de INP.

Efectos en la Google Search Console

Con la introducción de INP, FID será reemplazado dentro de los Google’s Core Web Vitals y se incorporará a los informes de la Google Search Console. Esto permite a los propietarios de sitios web supervisar el rendimiento de sus páginas en relación con INP y identificar áreas de mejora.

En la Google Search Console, INP se clasifica en tres categorías: Bueno, Mejorable y Malo. Un buen puntaje de INP es de 200 milisegundos o menos, un puntaje de INP Mejorable está entre 200 y 500 milisegundos, y un puntaje de INP Malo es de más de 500 milisegundos.

Aunque INP no forma oficialmente parte de los Google’s Core Web Vitals relevantes y reemplazará por completo a FID solo a partir de marzo de 2024, ya está presente en los informes de la Google Search Console y se mide. Esto permite a los editores prepararse mejor para los cambios futuros y optimizar sus páginas en consecuencia.

Para ver la métrica «Interaction to Next Paint» para su sitio web, vaya a la Google Search Console, seleccione Page Experience > Core Web Vitals > Mobile/Desktop. También encontrará otras métricas de Core Web Vitals, como LCP o CLS.

Recomendaciones para los editores

Para evitar verse abrumados por las alertas de la Google Search Console en marzo de 2024 y experimentar una caída repentina en el ranking de búsqueda de Google, los editores deben optimizar sus sitios web en términos de INP desde el principio. Esto se puede lograr mejorando la velocidad de las páginas, optimizando el tiempo de respuesta del servidor y reduciendo los recursos que bloquean la representación.

Optimización manual de las métricas INP

Mejorar la métrica INP de una página web se puede dividir en tres fases principales: el retraso de entrada, el tiempo de procesamiento y el retraso de presentación. El retraso de entrada comienza cuando el usuario inicia una interacción con la página y finaliza cuando los eventos de interacción comienzan a ejecutarse. Esta demora puede prolongarse considerablemente debido a actividades en el hilo principal, como la carga, el análisis sintáctico y la compilación de scripts. Por lo tanto, es importante reducir este retraso al mínimo.

El tiempo de procesamiento se refiere a la duración necesaria para que se ejecuten los eventos de interacción hasta su finalización. Una forma efectiva de optimizar el tiempo de procesamiento es dividir el trabajo de los eventos de interacción en tareas separadas. Esto evita que todo el trabajo se convierta en una tarea larga que bloquearía el hilo principal.

El retraso de presentación es el tiempo que tarda el navegador en mostrar el siguiente frame, que contiene el resultado visual de la interacción. Una forma de minimizar el retraso de presentación es reducir el tamaño del DOM y utilizar la propiedad CSS «content-visibility» para retrasar la carga de elementos a medida que se acercan al viewport. Además, es importante tener en cuenta el rendimiento cuando el HTML se renderiza con JavaScript, ya que esto puede retrasar la presentación del siguiente frame.

Optimización del sitio web en relación a los Core Web Vitals

La optimización de la velocidad de las páginas y los Google’s Core Web Vitals de un sitio web, y el progreso resultante en los resultados de búsqueda de Google, también conducen a un aumento significativo en los ingresos publicitarios programáticos.

La introducción de Interaction to Next Paint (INP) como nueva métrica en los Google’s Core Web Vitals de Google marca un paso importante en los continuos esfuerzos para mejorar la experiencia del usuario en la web. Esta métrica más completa proporciona a los editores una comprensión más profunda de la capacidad de respuesta de sus páginas web a las interacciones de los usuarios y les permite realizar mejoras más enfocadas. Dado que INP también tendrá un impacto directo en el ranking en los resultados de búsqueda de Google a partir de marzo de 2024, es esencial que los editores se preparen a tiempo para este cambio.

Los editores deben centrarse en optimizar sus páginas web en términos de INP, incluyendo la optimización del tiempo de respuesta del servidor y la reducción de los recursos que bloquean la representación. Estas medidas pueden contribuir a obtener buenos puntajes de INP y, por lo tanto, aumentar la visibilidad y el éxito de sus páginas web.