Cambios en Core Web Vitals para optimizar la experiencia de usuario

El pasado 12 de marzo se produjo un importante cambio en Core Web Vitals de Google. La nueva métrica Interaction to Next Paint (INP) ha sustituido a First Input Delay (FID), al representar con mayor precisión la experiencia de usuario. En este artículo te explicamos esta modificación y cómo afecta a nivel SEO.

Como recogemos en nuestro anterior artículo del blog Core Web Vitals (CWV), métricas imprescindibles que debes conocer, Web Vitals es una iniciativa de Google para promocionar una guía unificada de indicadores de calidad que son esenciales para brindar una excelente experiencia en la web. 

Estos indicadores miden, principalmente, la velocidad y estabilidad de una página web en respuesta a las interacciones de los visitantes, y tienen gran importancia en la estrategia de optimización para los motores de búsqueda. Google prioriza las webs con mejores métricas CWV a la hora de mostrar los resultados, o en cualquiera de sus otras herramientas para leer información (como Google Discover o Google News Showcase).

Fuente: Google. 

En mayo de 2023, Google anunció un cambio en la métrica de capacidad de respuesta, que acaba de entrar en vigor. Así, desaparece First Input Delay (FID), que medía el tiempo desde que un usuario interactúa por primera vez con una página hasta el momento en que el navegador puede comenzar a procesar controladores de eventos como respuesta a esta interacción. 

Nueva métrica: Next Paint (INP)

Tras un año de pruebas y de recabar opiniones de la comunidad, Google ha introducido Interaction to Next Paint (INP) para solventar las limitaciones del anterior indicador. En este artículo del blog de Google, sus desarrolladores explican la necesidad que tenían de crear una nueva métrica que extienda lo que medía FID, en concreto:

• Que considere la capacidad de respuesta de todas las entradas del usuario (no sólo la primera).
• Que capture la duración completa de cada evento (no sólo la demora).
• Que agrupe eventos que ocurren como parte de la misma interacción lógica del usuario y defina la latencia de esta interacción como la duración máxima de todos sus eventos.
• Que cree una puntuación agregada para todas las interacciones que ocurren en una página, durante todo su ciclo de vida.

Interaction to Next Paint es la respuesta a todos estos requerimientos y es mucho más completa que FID a la hora de medir la respuesta a las interacciones de los usuarios. Para proporcionar una buena experiencia de usuario, los sitios web deben registrar un INP de 200 milisegundos o menos. 

Fuente: Google.

Según las características del sitio web, es probable que haya pocas interacciones o ninguna, por ejemplo, en páginas que incluyan principalmente imágenes y texto con pocos o ningún elemento interactivo. En el caso de sitios web como editores de texto o juegos, puede haber cientos y hasta miles de interacciones. En todo caso, cuando el INP sea alto, la experiencia de usuario estará en riesgo.

INP se une a Largest Contentful Paint (LCP) y Cumulative Layout Shift (CLS) como las tres métricas web esenciales, que son fundamentales a nivel SEO. Una buena optimización de Core Web Vitals ayudará, por tanto, a un mejor posicionamiento del sitio web en los buscadores. 

Cómo optimizar INP

Para saber si un sitio web tiene problemas con Interaction Next Paint y cómo solucionarlos, Google recomienda consultar la guía de optimización de INP. En ella, se indica que si esta métrica es deficiente, lo primero que hay que hacer es averiguar la causa. Para ello, se puede utilizar el informe sobre la experiencia de usuario en Chrome a través de PageSpeed Insight. 

Fuente: PageSpeed Insight.

Una vez identificada una interacción lenta, el siguiente paso ya será la optimización. Las interacciones se dividen en tres fases, cuya suma será la latencia total de éstas:

• Retraso en la entrada: comienza cuando el usuario inicia una interacción con la página y finaliza cuando se ejecutan las devoluciones de llamada de eventos para la interacción. 
• Tiempo de procesamiento: el tiempo que tardan en ejecutarse las devoluciones de llamada de eventos hasta su finalización.
• Demora en la presentación: tiempo que tarda el navegador en presentar el siguiente fotograma que contiene el resultado visual de la interacción. 

Para minimizar la demora en la entrada, Google recomienda evitar los temporizadores recurrentes que inicien un trabajo excesivo en el subproceso principal, evitar también las tareas largas o dividirlas y tener en cuenta la superposición de interacciones (por ejemplo, las que se dan en los campos de formulario o en animaciones). La reducción del retraso de entrada generará una interactividad más rápida para los usuarios del sitio web.

A la hora de optimizar las devoluciones de llamada de eventos y que se completen lo más rápido posible, el mejor consejo que ofrece el buscador es hacer el menor trabajo posible en ellas. Para ello, se puede dividir el trabajo en tareas separadas, por ejemplo, utilizando setTimeout. De esta manera, evitaremos que el trabajo colectivo se convierta en una tarea larga que bloquee el subproceso principal. Asimismo, también se puede estructurar el código a fin de limitar lo que se ejecuta solo a la lógica necesaria para aplicar actualizaciones visuales en el siguiente fotograma. Además, es recomendable evitar los diseños grandes y complejos, y la paginación excesiva de diseños.

Para minimizar el retraso de presentación, es decir, desde el momento en que se terminan de ejecutarse las devoluciones de llamada hasta el momento en que el navegador pinta el siguiente fotograma, se puede minimizar el tamaño del DOM, utilizar la propiedad de CSS content-visibility para renderizar de forma diferida elementos fuera de la pantalla, y tener en cuenta los costos de rendimiento cuando se renderiza HTML con JavaScript.

La mejora del INP de un sitio web es un proceso iterativo, por lo que cuando se corrige una interacción lenta en el campo, es muy probable que se detecten otras interacciones lentas, que habrá que optimizar. 

Core update marzo 2024

La entrada en vigor de esta nueva métrica ha coincidido con la última actualización del algoritmo de Google, que marca un antes y un después en cómo se aborda el SEO e incluye nuevas políticas de SPAM, diseñadas para mostrar menos contenido creado para atraer clics y más contenido útil y de calidad. 

Fuente: Cuenta Google Search Central en X. 

En concreto, con este último core update, el primero del año, Google pretende reducir hasta en un 40% el contenido considerado de baja calidad o no útil. Para ello, el buscador ha mejorado sus sistemas de clasificación e introduce enfoques innovadores para mostrar resultados más útiles. Además, Google ha agregado en su site de recursos para desarrolladores una nueva página de preguntas frecuentes, en la que ofrece ayuda para comprobar si nuestro contenido puede ser considerado por el buscador como útil, fiable y centrado en personas.

En este sentido, Google ha actualizado su política contra la creación de contenido a gran escala, que se utiliza para manipular las clasificaciones de búsqueda. El objetivo es combatir el contenido creado por humanos o automatizado (incluida la IA generativa) que no proporcione valor real. 

Asimismo, desde ahora, el buscador considera como spam la práctica de comprar y reutilizar dominios caducados para mejorar artificialmente el ranking de búsqueda de contenido de baja calidad o no original. 

¿Qué podemos hacer ante este cambio de escenario? Pues, como hemos visto, será fundamental enfocarnos en la calidad del contenido, mejorar la experiencia de usuario y adherirnos a las prácticas SEO recomendadas por Google. 

———

En Bitban Technologies podemos ayudarte, ya que contamos con un equipo experto en SEO, que puede impulsar tu estrategia de posicionamiento. Ponte en contacto con nosotros y te proporcionaremos consultoría informática de alto nivel, gracias a nuestra amplia experiencia. 

Nuestro gestor de contenidos, bCube CMS, reduce al máximo los tiempos de entrega de las páginas, con un diseño orientado a Core Web Vitals. Además, responde a los requerimientos SEO de buscadores y usuarios, y ayuda a subir el tráfico de los medios de comunicación, nuestros principales clientes.