Resumen de 30 segundos:

  • La buena velocidad de la página y la experiencia del usuario ayudan a que su sitio se destaque en los resultados de búsqueda
  • El valor de la próxima interacción de pintura reemplaza el primer retardo de entrada
  • Puede mejorar la capacidad de respuesta de su sitio a las entradas de los usuarios reduciendo el tiempo de procesamiento de la CPU

Core Web Vitals es un conjunto de métricas que Google ha definido para medir la calidad de la experiencia del usuario de un sitio web. Se convirtieron por primera vez en una señal de clasificación en 2021.

Si bien las definiciones de métricas han sido cambiados con el tiempoLa introducción de la métrica Interacción con Next Paint es el mayor cambio desde el lanzamiento de la iniciativa Core Web Vitals.

¿Qué es la interacción con Next Paint (INP)?

Interacción con la siguiente pintura es una métrica que mide qué tan rápido su sitio responde a la interacción del usuario. Mide cuánto tiempo transcurre entre la entrada del usuario, como hacer clic en un botón, y la actualización posterior del contenido de la página («siguiente pintura»).

Para clasificar mejor en Google, este retraso de interacción debe ser inferior a 200 milisegundos. Esto asegura que el sitio web responda a los usuarios.

¿Cómo están cambiando Core Web Vitals?

Google ha anunciado que Interaction to Next Paint se convertirá en uno de los tres Core Web Vitals valores a partir de marzo de 2024. En ese momento, un sitio web que responde con demasiada lentitud a la entrada del usuario puede tener un peor desempeño en las clasificaciones de resultados de búsqueda.

INP reemplazará al actual Retraso en la primera entrada (DEFENSOR). Si bien FID también mide la capacidad de respuesta, es más limitado porque solo considera la primera interacción del usuario. También mide la demora hasta que el evento de entrada comienza a procesarse, en lugar de esperar a que el usuario vea la salida.

Solo por ahora 64,9% de los sitios móviles hacerlo bien en la métrica Interacción de la próxima pintura y será más difícil obtener una buena puntuación de INP que una buena puntuación de Retraso de la primera entrada.

¿Cómo puedo medir el valor de la interacción de Next Paint en mi sitio web?

ejecutar un prueba de velocidad del sitio web para ver qué tan rápido carga su sitio y qué tan rápido responde a la entrada del usuario.

Abra la pestaña «Web Vitals» una vez que se complete la prueba. Puede ver el valor de la siguiente interacción de pintura en la parte inferior de la página.

En este caso, solo el 38% de los usuarios tienen una buena experiencia INP.

¿Cómo puedo optimizar la interacción con Next Paint?

Los retrasos en la interacción ocurren cuando el navegador tiene que hacer mucho procesamiento de la CPU antes de que pueda actualizar la página. Esto puede suceder por dos razones:

  • Las tareas en segundo plano en curso impiden que se maneje la entrada del usuario
  • El manejo de la entrada del usuario lleva mucho tiempo

La actividad en segundo plano a menudo ocurre durante la carga inicial de la página, pero también puede ocurrir después. Estos a menudo son causados ​​​​por un código de terceros incrustado en el sitio.

Responder a una interacción del usuario puede requerir mucho procesamiento. Si esto no se puede optimizar, puede considerar mostrar una rueda giratoria para proporcionar comentarios visuales hasta que se complete la tarea de procesamiento.

La ejecución de código JavaScript es el tipo de procesamiento más común, pero incluso las actualizaciones visuales complejas pueden llevar mucho tiempo.

Use Chrome DevTools para analizar el rendimiento

Herramientas para desarrolladores de Chrome perfilador de rendimiento muestra qué tareas requieren mucho tiempo y deben optimizarse. Inicie una grabación, haga clic en un elemento de la página y, a continuación, haga clic en las barras más largas de la vista.

Esto le permite identificar si el código proviene de un tercero o de su propio sitio web. También puede profundizar más para ver cómo se puede acelerar el negocio.

Verifique el valor del tiempo total de bloqueo para identificar la actividad en segundo plano

EL Tiempo total de bloque La métrica rastrea la frecuencia con la que hay actividad de CPU en segundo plano que podría bloquear la ejecución de otro código. Si el usuario interactúa con la página mientras una actividad ya está en progreso, el navegador completa esa actividad antes de manejar el evento de entrada.

Puedes usar herramientas como Balizas de Google para ver cómo se puede optimizar este valor.

Si las tareas de procesamiento pesado en su sitio son parte del código central de su sitio, deberá trabajar con su equipo de desarrollo para optimizarlas. En el caso de terceros, puede comprobar si todavía se necesita el script o ponerse en contacto con el servicio de atención al cliente del proveedor para ver si se puede optimizar el código.

Supervise la interacción con Next Paint

¿Quiere controlar cómo le está yendo con INP y otros Core Web Vitals? DebugBear puede controlar la velocidad de su sitio y te ayudamos a optimizarlo.

Comience una prueba gratuita de 14 días hoy y ofrezca una mejor experiencia de usuario.

Conclusión

La métrica Next Paint Engagement es el mayor cambio en Core Web Vitals de Google desde que se anunció originalmente. INP aborda las deficiencias del primer valor de retraso de entrada anterior y proporciona una mejor representación de cómo los usuarios experimentan un sitio web.

Vea cómo le está yendo a su sitio con la métrica Next Paint Engagement antes de que el cambio de clasificación entre en vigencia en 2024. De esta manera, tendrá mucho tiempo para identificar optimizaciones y hacer que su sitio funcione más rápido.

Pruebe DebugBear con una prueba gratuita de 14 días.

Fuente: searchenginewatch.com

Hashtags: #Optimice #nueva #interacción #Google #para #valor #Paint