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.
- La métrica Interacción con la siguiente pintura reemplaza el retardo de la primera entrada
- Puede mejorar para que su sitio responda más rápido a las entradas del usuario reduciendo los tiempos de procesamiento de la CPU.
Los Core Net Vitals son un conjunto de métricas que Google ha definido para medir qué tan buena es la experiencia del usuario de un sitio internet. Se convirtieron por primera vez en una señal de clasificación en 2021.
Si bien las definiciones de métricas han sido modificados con el tiempola introducción de la métrica Interacción con Subsequent Paint es el mayor cambio desde el lanzamiento de la iniciativa Core Net Vitals.
¿Qué es la interacción con la siguiente pintura (INP)?
Interacción con la siguiente pintura es una métrica que evalúa la rapidez con la que su sitio internet 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 próxima vez que se actualiza el contenido de la página (la “siguiente pintura”).
Para obtener una mejor clasificación en Google, este retraso en la interacción debe ser inferior a 200 milisegundos. Esto garantiza que el sitio internet responda a los usuarios.
¿Cómo están cambiando los Core Net Vitals?
Google ha anunciado que la interacción con Subsequent Paint se convertirá en uno de los tres Core Net Vitals métricas en marzo de 2024. En ese momento, un sitio internet que responde a las entradas de los usuarios con demasiada lentitud podría obtener peores resultados en la clasificación de los resultados de búsqueda.
INP reemplazará al precise Retraso de la primera entrada (FID) métrica. Si bien FID también mide la capacidad de respuesta, es más limitado ya que solo analiza la primera interacción del usuario. También solo mide el retraso hasta que el evento de entrada comienza a manejarse, en lugar de esperar hasta que el usuario pueda ver el resultado.
Actualmente solo 64,9% de los sitios internet móviles obtenga buenos resultados en la métrica de Interacción con la siguiente 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 la métrica de Interacción con Subsequent Paint en mi sitio internet?
ejecutar un prueba de velocidad del sitio internet para ver qué tan rápido se carga su sitio internet y qué tan rápido responde a las entradas del usuario.
Abra la pestaña “Net Vitals” una vez que se full la prueba. Puede ver la métrica Interacción con la siguiente pintura en la parte inferior de la página.
En este caso sólo el 38% de los usuarios tiene una buena experiencia INP.
¿Cómo puedo optimizar la interacción con Subsequent Paint?
Los retrasos en la interacción ocurren cuando el navegador necesita realizar una gran cantidad de procesamiento de la CPU antes de poder 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
- Manejar la entrada del usuario en sí lleva mucho tiempo
Las tareas en segundo plano suelen ocurrir durante la carga inicial de la página, pero también pueden ocurrir más adelante. A menudo son causados por código de terceros incrustado en el sitio internet.
Responder a la interacción de un usuario puede requerir mucho procesamiento. Si eso no se puede optimizar, puede considerar mostrar una rueda giratoria para proporcionar información visible hasta que se full la tarea de procesamiento.
Ejecutar código JavaScript es el tipo de procesamiento más común, pero las actualizaciones visuales complejas también pueden llevar mucho tiempo.
Utilice Chrome DevTools para analizar el rendimiento
Las herramientas de desarrollo de Chrome perfilador de rendimiento muestra qué tareas están tomando mucho tiempo y deben optimizarse. Inicie una grabación, haga clic en un elemento de la página y luego haga clic en las barras más largas de la visualización.
Esto le permite identificar si el código proviene de un tercero o de su propio sitio internet. También puedes profundizar más para ver cómo se puede acelerar la tarea.
Verifique la métrica de Tiempo whole de bloqueo para identificar tareas en segundo plano
El Tiempo whole de bloqueo La métrica rastrea la frecuencia con la que hay tareas de CPU en segundo plano que podrían bloquear la ejecución de otro código. Si el usuario interactúa con la página mientras una tarea ya está en progreso, entonces el navegador primero completa esa tarea antes de manejar el evento de entrada.
Puedes utilizar herramientas como Faro de Google para ver cómo se puede optimizar esta métrica.
Si las tareas de procesamiento pesado en su sitio internet son parte del código principal de su sitio internet, deberá trabajar con su equipo de desarrollo para optimizarlas. Para terceros, puede revisar si el script aún es necesario o comunicarse con el servicio de atención al cliente del proveedor para ver si es posible optimizar el código.
Supervisar la interacción con la siguiente pintura
¿Quiere realizar un seguimiento de su desempeño en INP y otros Core Net Vitals? DebugBear puede realice un seguimiento de la velocidad de su sitio internet y ayudarte a optimizarlo.
Inicie una prueba gratuita de 14 días hoy y ofrezca una mejor experiencia de usuario.
Conclusión
La métrica Interacción con Subsequent Paint representa el mayor cambio en los Core Net Vitals de Google desde que se anunciaron originalmente. INP aborda las deficiencias de la métrica anterior de retardo de la primera entrada y proporciona una mejor representación de cómo los usuarios experimentan un sitio internet.
Compruebe el rendimiento de su sitio internet en la métrica Interacción con Subsequent Paint antes de que se implemente el cambio de clasificación en 2024. De esa manera, tendrá suficiente tiempo para identificar optimizaciones y hacer que su sitio internet sea más rápido.
Pruebe DebugBear con una prueba gratuita de 14 días.