¿200 milisegundos suenan rápido? La interacción con Next Paint puede ayudar a aumentar la capacidad de respuesta de su sitio web

May salió con un rugido. Que mes. ¡Actualización de Google Core, dos nuevas métricas de usuario de Web Vitals y WordPress 6.0!

El 25 de mayo, Google anunció el inicio de su actualización principal de base amplia. Se espera que la actualización principal de mayo de 2022 dure dos semanas. La gente informaba de los turnos en las páginas de resultados de búsqueda. ¿Notaste algún cambio en tus SERPs?

También se lanzó WordPress 6.0, la segunda versión importante de WordPress de 2022. WordPress 5.9, lanzado en enero de 2022, introdujo la edición completa del sitio (FSE) para el editor de bloques. Con WordPress 6.0. la atención se centra una vez más en la ampliación y mejora de las funciones del Editor de bloques. ¿Todos los sitios web de sus clientes están actualizados a WordPress 6.0?

¡Actualizaciones en todas partes! ¿Qué sucedió que es importante para mis sitios web?

El gran movimiento cerebral de Google en mayo fue la adición de Time to First Byte (TTFB) e Interaction to Next Paint (INP) a sus métricas Web Vitals. Agregar nuevas métricas es la forma en que Google dice: "manténgase enfocado en lo que es vital".

Ahora puede medir la capacidad de respuesta. Puedes ver dónde esos granos de arena están ralentizando los engranajes. Eso es excelente para usted y su cartera de sitios web de clientes.  

Por eso un Tesla es más rápido que un coche de gasolina. En un motor de combustión interna, pierde velocidad a través de todas las partes que se conectan con otras partes y la fricción. Menos partes móviles significa que la energía va a las ruedas.

¡Los Core Web Vitals están creciendo! pagespeed.web.dev acaba de recibir una actualización, la tasa de RUM ahora incluye la interacción hasta la siguiente pintura (INP) y el tiempo hasta el primer byte (TTFB). ¡Ambas opciones geniales si me preguntas! En mi opinión, el INP es una forma mucho mejor de medir la capacidad de respuesta que el First Input Delay, que podría manipularse fácilmente. El tiempo hasta el primer byte siempre debería haber sido más importante, ya que precede a cualquier métrica de rendimiento. Sin respuesta = sin pintura, sin interacción, etc.

Arjen Karel

¿Qué es la interacción con la siguiente pintura (INP) y por qué es importante?

Además de Google Core Web Vitals, Google está midiendo un número creciente de métricas de respuesta centradas en el usuario, incluida la interacción hasta la siguiente pintura (INP) y el tiempo hasta el primer byte (TTFB). Sin embargo, antes de reorganizar su equipo, Google dice:

Estas métricas de campo son actualmente experimentales, pero ahora están disponibles para que los usuarios las prueben. Las métricas experimentales pueden cambiar o desaparecer.

Google.com

Interaction to Next Paint (INP) es una nueva métrica que tiene como objetivo representar la latencia de interacción general de una página seleccionando una de las interacciones más largas cuando un usuario visita una página. INP suele ser el percentil 98 de latencia de interacción para páginas con muchas interacciones. Para páginas con menos de 50 interacciones, INP es la interacción con peor latencia.

Hay muchos elementos de la interfaz de usuario. KeyDown ocurre cuando se presiona una tecla. KeyUp ocurre cuando se suelta una tecla. Hay DragOver, Drop, OnFocus y muchos más. Cada interacción se imputa, se procesa y se presenta un resultado al usuario.

El tiempo entre cada acción es medible, y un largo intervalo entre hacer clic y recibir puede contribuir a una experiencia de usuario deficiente .

Interaction to Next Paint (INP) mide la latencia de las interacciones de nuestro sitio web. Algunos ejemplos de estas interacciones incluyen:

• Un evento del mouse, como hacer clic en un botón para cambiar los colores de una prenda de vestir.
• Un elemento interactivo activado en una pantalla táctil con un dedo, tal vez en un mapa.
• Presionar una tecla en un dispositivo móvil o de escritorio para mostrar la respuesta a una pregunta.

¿Tu sitio web tiene muchas interacciones? ¿Está ejecutando plataformas de comercio electrónico o aprendizaje electrónico? Como sabe, los usuarios no querrán esperar ese evento del mouse, INP es bastante emocionante.

Ahora puede ver qué interacciones lo están ralentizando y quizás ver dónde puede estar perdiendo conversiones debido a un tiempo de respuesta lento.

¿Cuánto dinero está perdiendo su sitio de comercio electrónico debido a la latencia, el bajo rendimiento y, para ser sincero, un host administrado de WordPress cuya tecnología está desactualizada para las expectativas de los clientes de hoy?

Cohete.net

¿Cómo puedo medir la interacción de Google con la siguiente métrica de pintura?

Para medir la interacción de Google con Next Paint, diríjase a PageSpeed ​​Insights para medir el INP de su página. Recuerda. Estás midiendo esa página, no todo tu sitio web.

INP es similar al cambio de diseño acumulativo (CLS) en que los valores de medición cambiarán a medida que el usuario permanezca en su página web. Una vez que el usuario ha abandonado la página, se realiza la medición, creando un valor INP general. Algunas páginas tendrán más interacciones que otras. Las interacciones de algunas páginas pueden no ocurrir si no se elige una acción.

El hecho de que pase los signos vitales ahora no significa que pasará el próximo mes. Core web vitals es experimental y cambiante. ¡Revisa regularmente y sigue siendo curioso!

Un sitio web receptivo significa más que bloques flexibles en su CSS

Medir la interacción con Next Paint es bastante emocionante porque ahora podemos medir qué tan receptivo es nuestro sitio web bajo los dedos de nuestros usuarios. ¿Recuerdas cuando un sitio web receptivo significaba que nuestro menú colapsaba en una hamburguesa?

Y no es solo el móvil lo que cuenta para los signos vitales. Las vistas de escritorio son igual de importantes, especialmente si estamos hablando de esos sitios web en los que las personas se toman su tiempo.

Interaction to Next Paint significa medir el tiempo que tardan los elementos de la página en responder a una interacción. Ahora podemos ver cuánto tarda en cambiar la imagen de un producto si el usuario elige otro color o cuánto tarda en aparecer la respuesta en pantalla. La velocidad aquí puede ser un golpe de gracia para muchos usuarios. Recuerde: la velocidad gana.

Acortar la latencia entre las etapas de cada interacción hace que un sitio web sea realmente receptivo. Con los problemas de velocidad resueltos, puede concentrarse en lo que realmente importa: mejorar la experiencia diaria de los clientes de su agencia con su negocio.

La velocidad es tan importante en un sitio web porque desea atraer y retener clientes potenciales. Y quieres que se lo digan a sus amigos. Lo que impide que las personas permanezcan en su sitio y se conviertan es una mala experiencia en el sitio web.

Cohete.net

Las microinteracciones son la diferencia entre un buen sitio web y un gran sitio web

Guarde la latencia de la interacción. ¿Deshacerse de las interacciones, dices?

Las microinteracciones son pequeñas cosas que dan a nuestros usuarios la sensación de poder hacer algo. Es la sensación de no ser ya un participante insignificante y rígido sino poder mover, decir o cambiar algo con poco esfuerzo. El usuario se involucra de forma lúdica sin que las cosas se compliquen. Gamificación, ¿verdad?

Las microinteracciones marcan la diferencia en nuestra experiencia en línea, así que no tires al bebé con el agua de la bañera solo para ahorrarte la limpieza de la bañera.

Cada vez más, las marcas buscan fomentar las conexiones con sus clientes. Si bien se ha prestado mucha atención a los canales de comunicación, es igualmente importante aprovechar los micromomentos en los que puede brindarles a los clientes una experiencia de usuario positiva.

UsabilidadGeek.com

Hablar es barato. ¡Deje que Rocket le muestre lo que REALMENTE significa el alojamiento de WordPress más rápido!

¿Ahorrar el rendimiento del sitio, el tiempo y el dinero de su agencia? Sí. Rocket Platform tiene funciones integradas que eliminan la necesidad de versiones de pago de complementos de seguridad, optimización de imágenes, CDN y cargador de contenido JS. Son funciones integradas en su nueva plataforma favorita (el producto anteriormente conocido como alojamiento administrado de WordPress).

Hablemos de cómo podemos migrar su sitio a Rocket.net, el alojamiento de WordPress más rápido disponible en cualquier lugar. ¡Lanza tu misión hoy!