Todo lo que necesitas saber

El campo de SEO no tiene escasez de siglas.

Desde SEO, FID, FCP (First Contentful Paint), hasta INP: estos son algunos de los acrónimos más comunes con los que se encontrará cuando se trata de la velocidad de la página.

Google se encuentra actualmente en el proceso de cambiar Core Web Vitals.

Ha agregado dos nuevas métricas a la mezcla: INP (Interacción hasta la siguiente pintura) y TTFB (Tiempo hasta el primer byte).

INP se refiere a cómo responde la página a interacciones específicas del usuario que están programadas en la métrica INP general medida por los datos de laboratorio y de campo de Google Chrome.

TTFB mide el tiempo que tarda el servidor en transferir el primer byte.

Durante mucho tiempo se ha sospechado que TTFB es un impulsor de mejoras significativas en el rendimiento, lo que significa que es una prioridad que los profesionales de SEO deberían optimizar como parte de su proceso de SEO.

Google decidió recientemente implementar TTFB como una nueva métrica para que los profesionales de SEO puedan medir el rendimiento de su sitio a nivel de servidor.

A los efectos de esta discusión, nos quedaremos con INP en esta ronda.

¿Qué es exactamente INP?

INP es una nueva métrica de Core Web Vitals diseñada para proporcionar una representación del retraso de interacción general de una página.

Lo hace trabajando a partir de una muestra de las interacciones individuales más largas que ocurren cuando un usuario visita la página.

Si una página tiene menos de 50 interacciones en total, INP tiene en cuenta la interacción que tiene el peor retraso completo.

La medida de INP es una representación de cuánto tiempo tiene que tomar un usuario para interactuar con la página completa.

Este es un contraste directo con FID (primer retardo de entrada).

FID simplemente mide solo la primera respuesta de interacción de un usuario en particular.

Aquí en SEJ, informamos que PageSpeed ​​Insights agregó esta nueva métrica de velocidad hacia Extensión Google Lighthouse Chrome.

La mecánica del INP

JavaScript suele ser la señal principal de cualquier interacción realizada en una página.

Existen otros tipos de interactividad, incluidos los botones de opción, las casillas de verificación, el elemento HTML y varios otros.

Sin embargo, INP se ocupa de los siguientes tipos de interacciones:

• Cualquier clic de ratón de un elemento interactivo.
• Cualquier toque de un elemento interactivo en cualquier dispositivo que incluya una pantalla táctil.
• La pulsación de una tecla en un teclado físico o en pantalla.

Hay más de un evento que podría considerarse una interacción.

Keydown y keyup, por ejemplo, son partes de una pulsación de tecla.

Cualquier interacción de toque también podría incluir eventos de puntero hacia arriba y puntero hacia debajo.

Todos estos se consideran «interacciones lógicas del usuario».

¿Cuáles son las partes de INP?

Cada interacción tiene algunas fases: tiempo de presentación, tiempo de procesamiento y retraso de entrada.

La devolución de llamada de los eventos asociados contiene el tiempo total necesario para que se ejecuten las tres fases.

La duración más larga de una interacción lógica del usuario es lo que se registrará.

¿Qué es un buen valor INP?

Documentación web.dev de Google explica que un buen valor de INP es alrededor de 200 milisegundos o menos.

Dice lo siguiente:

Un INP por debajo o a 200 milisegundos significa que su página tiene una buena capacidad de respuesta.

Un INP superior a 200 milisegundos e inferior o a 500 milisegundos significa que la capacidad de respuesta de su página necesita mejorar.

Un INP superior a 500 milisegundos significa que su página tiene poca capacidad de respuesta.

Google también señala que INP aún es experimental y que es probable que cambie la orientación que recomienda con respecto a esta métrica.

¿En qué se diferencia INP del retardo de primera entrada?

La principal diferencia entre INP y FID es que FID considera solo la primera interacción en la página.

INP tiene en cuenta todas las interacciones de la página.

FID mide solo la métrica de retraso de entrada y no tiene en cuenta los controladores de eventos ni el tiempo que tardan en procesarse.

Tampoco considera ningún retraso en la presentación del siguiente cuadro de la interacción.

Cómo identificar problemas de INP en su sitio web

Para encontrar problemas de INP en un sitio web, primero debemos considerar las diferencias entre los datos de laboratorio y los datos de campo.

La única forma de encontrar datos realistas sobre lo que experimentan sus usuarios es utilizar datos de campo.

Las herramientas de laboratorio son elementos que no van a interactuar completamente con la página y, por lo tanto, generalmente necesitan una entrada manual mientras se realizan las tareas de medición.

De lo contrario, utilizando una herramienta de automatización como Titiritero puede ayudarlo a generar secuencias de comandos de interacciones manuales a medida que ocurren mientras utiliza herramientas de laboratorio con fines de prueba.

Acerca de los datos de laboratorio

En el contexto de este tipo de prueba, los datos de laboratorio son una métrica que se determina mediante el control de la carga de la página mediante un conjunto predefinido de condiciones, generalmente adaptadas al dispositivo y la red.

Debido a que estas condiciones se encuentran en un entorno controlado, se conocen como un entorno de laboratorio, y de ahí proviene el término «datos de laboratorio».

Acerca de los datos de campo

Los datos de campo, también conocidos como datos RUM (Real User Monitoring), se obtienen al monitorear a los usuarios en una página.

Mide las métricas de rendimiento de actuaciones individuales, a menudo proporcionando información sobre estas métricas de rendimiento determinadas.

Los datos de campo se basan en visitas de usuarios reales, por lo que es algo en lo que su sitio web puede estar representado en dispositivos reales, ubicaciones geográficas de usuarios, así como las condiciones de red de ese dispositivo.

Poniendolo todo junto

¿Cuál es el problema de FID, INP, datos de campo y datos de laboratorio de todos modos?

Bueno, los datos de campo se proporcionan en las herramientas de Chrome que informan datos en Core Web vVtals.

Puede obtener datos de campo del Informe CrUX (o Informe de experiencia de usuario de Chrome).

Pero, el informe CrUX es solo una parte de la imagen.

Por eso es importante recopilar datos de campo por su cuenta.

El uso de CrUX por sí solo no puede proporcionar suficientes conocimientos prácticos para marcar una diferencia real en el rendimiento de su sitio.

Google explica que la información más importante sobre los datos de campo es que no es solo un número.

En realidad es una distribución de números.

Esto significa que para una determinada muestra de usuarios, es posible que su sitio se cargue muy lentamente.

Para otros usuarios, es posible que su sitio se cargue muy rápido.

En otras palabras: los datos de campo son un conjunto total de datos de rendimiento recopilados de todos sus usuarios.

¿Cómo se puede medir el INP?

Si bien la medición de INP es más eficaz cuando se utilizan datos combinados de laboratorio y de campo, existen algunas formas «más fáciles» de medir esta métrica de Core Web Vitals.

Puede usar la extensión de Google Chrome llamada Lighthouse, que tiene un modo de intervalo de tiempo.

Este modo le permite monitorear más fácilmente lo que sucede exactamente durante la carga de la página, lo que puede ayudarlo a solucionar problemas con INP.

También puede utilizar estas otras herramientas de laboratorio para ayudarlo a recopilar sus datos:

¿Cómo mejorar sus propios valores INP?

La mejor manera de hacer esto es optimizar el trabajo del subproceso principal.

Esto significa asegurarse de que las fuentes de terceros se mantengan al mínimo (es decir, usar fuentes del sistema solamente) y que no use demasiados complementos que se carguen en la carga de la página.

Por ejemplo, supongamos que tiene un sitio de WordPress con 15 complementos publicitarios dedicados a mostrar anuncios en su página, y quizás no necesariamente los use todos.

Desactivar el 90% de estos complementos debería ayudar a mejorar su INP y simplificar el trabajo del hilo principal, porque esto está retrasando la carga de la página.

Algunos problemas de INP surgen porque las personas no optimizan el trabajo de su subproceso principal lo suficiente como para asegurarse de que las cosas sean adecuadamente viables desde la perspectiva de Core Web Vitals.

Otros pueden deberse a fallas en los archivos de JavaScript y una falta de atención a cómo se cargan las cosas en la página, especialmente con imágenes más grandes.

Estos son solo algunos, pero no todos, de los factores que deben optimizarse para obtener números INP mejores y más efectivos.

Además de mejor en general Vitales principales de la web números.

Mejorar su INP no es una bala de plata

Es importante tener en cuenta que mejorar su INP no es una bala de plata que garantice el éxito instantáneo de SEO.

En cambio, es solo un elemento entre muchos que pueden necesitar completarse como parte de un lote de cambios de calidad que pueden ayudar a marcar la diferencia en su rendimiento general de SEO.

¿Cómo planea implementar la reparación de INP en su estrategia general de SEO?

Más recursos:

Imagen destacada: BestForBest/Shutterstock