El retardo de la primera entrada es una de las métricas de Core Web Vital que mide el tiempo total que tarda un navegador en responder a la primera interacción de un usuario.
Haces clic en un enlace y sigues esperando que el navegador te lleve a la página siguiente...
Bastante molesto, ¿no?
Ésa es la razón por la que Google presentó Primer retardo de entrada (FID) como parte de Core Web Vitals; una métrica que ayuda a los webmasters a abordar la sensación de torpeza que sus usuarios pueden experimentar mientras se carga la página.
Mejorar la puntuación FID no sólo mejorará la experiencia del usuario sino que también tendrá un impacto positivo en otros aspectos del rendimiento de su sitio.
En esta publicación de blog, cubriremos todo eso y más. Pero antes de comenzar, comprendamos qué es el retardo de la primera entrada.
Lea también:
¿Qué son los Core Web Vitals? ¿Cómo mejorarlos?
¿Qué es el retraso de la primera entrada?
First Input Delay es una de las métricas de Core Web Vital que mide la cantidad de tiempo que tarda un navegador en responder a la primera interacción de un usuario con una página. Esta interacción podría consistir en hacer clic en un enlace, tocar un botón o interactuar con otros elementos de la página.
Algunos otros ejemplos de interacción podrían ser hacer clic en casillas de verificación, menús desplegables o descargar una guía.
Básicamente, el retardo de la primera entrada mide la interactividad; el tiempo que tarda un sitio web en responder después de que el visitante interactúa. Google utiliza FID como un factor de clasificación importante. El objetivo de FID es calcular qué tan receptivo es un sitio web mientras se está cargando.
1. FID no es lo mismo que 'Tiempo para interactuar'
Tenga en cuenta que FID no es lo mismo que tiempo para interactuar; una métrica de rendimiento que existe desde hace mucho tiempo. Time to Interactive calcula el tiempo total que tarda una página en volverse completamente interactiva.
Sin embargo, FID rastrea las acciones del usuario que ocurren incluso antes de que la página sea completamente interactiva. Por lo tanto, First Input Delay permite que el navegador capture esas interacciones tempranas y críticas.
2. FID mide el retraso de entrada, no el tiempo de procesamiento del evento:
FID significa Primera Entrada 'Retrasar.' Esto significa que esta métrica informa al webmaster sobre el retraso en el procesamiento de las solicitudes de los usuarios. No calcula todo el tiempo de procesamiento del evento porque es fácil para los desarrolladores obtener una buena puntuación FID separando el controlador de eventos de las tareas asociadas con el evento.
3. El retardo de la primera entrada solo mide la primera interacción:
FID sólo calcula las primeras impresiones; la primera vez que un usuario interactúa con una página web. Dado que la mayor parte del bloqueo del hilo principal del navegador ocurre en los momentos iniciales del ciclo de carga de una página, todos los elementos críticos deben cargarse rápidamente.
FID ayuda a los webmasters a abordar la respuesta inicial retrasada y garantiza que la carga de recursos críticos no haga que su sitio no responda o sea torpe.
4. Las acciones continuas no cuentan como interacciones:
Tenga en cuenta que los tipos continuos de acciones como desplazarse, leer o hacer zoom en la página no cuenta como interacciones porque estas acciones no se ejecutan en el hilo principal del navegador y, a menudo, tienen restricciones diferentes.
El FID de un sitio web debe ser inferior a 100 milisegundos para que proporcione una buena experiencia de usuario.
Si necesita optimizar FID para su sitio web, reduzca el tiempo de ejecución de JavaScript, mejore la preparación para la interacción de su sitio web, divida tareas largas y utilice trabajadores web.
¿Cuál es la causa del retraso de la primera entrada?
Por lo general, el retraso en la primera entrada se debe a imágenes, vídeos o scripts que se cargan de forma no ordenada. Una carga desorganizada hace que la página web se cargue, se detenga, se vuelva a cargar y luego se detenga. Esto da como resultado un comportamiento que no responde a las primeras interacciones de un usuario.
En palabras de Google, el causa de la latencia de entrada :
“En general, el retraso de entrada (también conocido como latencia de entrada) ocurre porque el hilo principal del navegador está ocupado haciendo otra cosa, por lo que (todavía) no puede responder al usuario.
Una razón común por la que esto podría suceder es que el navegador está ocupado analizando y ejecutando un archivo JavaScript grande cargado por su aplicación.
Mientras hace eso, no puede ejecutar ningún detector de eventos porque el JavaScript que está cargando podría indicarle que haga otra cosa”.
~ Google
Por lo tanto, FID se ve afectado principalmente por la ejecución de Javascript. La interactividad es menor cuando la ejecución de Javascript lleva más tiempo.
Otros factores que pueden resultar en una puntuación FID baja:
- HTener demasiados complementos: Si tiene demasiados complementos en su sitio (especialmente complementos basados en JavaScript), existe la posibilidad de que afecten su puntuación FID. Por lo tanto, los webmasters deben evitar cualquier ejecución innecesaria de JavaScript y eliminar complementos innecesarios.
- HTemas pesados de WordPress: Dado que los temas pesados de WordPress tienen diseños complejos, más archivos JS y un estilo ineficiente, también pueden afectar el rendimiento de FID.
¿Qué es una buena puntuación FID?
Las puntuaciones de Core Web Vitals se pueden dividir en tres categorías: buena, necesita mejorar y mala.
Bueno: El FID de un sitio web debe ser inferior a 100 milisegundos para que proporcione una buena experiencia de usuario.
Necesita mejorar: El sitio requiere mejoras si el FID está entre 100 y 300 milisegundos
Pobre: Si el FID supera los 300 milisegundos, es una puntuación baja y necesita muchas mejoras.
¿Cómo medir el retardo de la primera entrada?
Dado que el retardo de la primera entrada es una métrica de campo, se puede medir con las siguientes herramientas:
- PageSpeed Insights (Datos de campo)
- Búsqueda Consola – Informe Core Web Vitals.
- Informe de experiencia del usuario de Chrome (Quid)
Los webmasters pueden medir el tiempo total de bloqueo y las métricas de proxy en:
¿Cómo reducir el retraso de la primera entrada?
Para mejorar FID, debe comenzar probando su sitio mediante las herramientas mencionadas anteriormente. Los webmasters también pueden realizar una auditoría de rendimiento para encontrar oportunidades específicas de mejora.
A continuación se detallan algunos pasos clave que puede seguir para mejorar la puntuación del retraso de la primera entrada:
- Reducir el tiempo de ejecución de JavaScript
Para reducir el tiempo de ejecución de Javascript, los webmasters deben posponer el archivo Javascript. Al hacer esto, los recursos de bloqueo de renderizado se cargarán solo una vez que el navegador muestre contenidos críticos: los elementos necesarios para permitir a los usuarios interactuar con la página.
A continuación se muestra un ejemplo del atributo de aplazar: - Eliminar JavaScript no utilizado
Los editores también pueden abordar el problema de la FID optimizando su página para que esté lista para la interacción. Esto se puede hacer eliminando el JavaScript no utilizado; archivos que pueden provocar un tiempo de descarga lento.
Para ello, los editores pueden utilizar complementos como Assets Cleanup para cargar el archivo JavaScript solo cuando sea necesario. También pueden deltar el archivo JavaScript para que no se carguen hasta la primera interacción del usuario. - Minificar JavaScript
Otra forma muy eficaz de mejorar la puntuación FID es la minimización de archivos JavaScript. Al minimizar los archivos JS, los editores pueden eliminar saltos de línea, comentarios, espacios en blanco y otros elementos que hacen que el archivo sea más pequeño y también ayudan a procesarlo más rápido.
Conclusión
En el futuro, veremos cada vez más temas, complementos y CMS compatibles con FID. Pero hasta que eso suceda, los editores deben tomar las medidas mencionadas anteriormente para mejorar la puntuación del retardo de la primera entrada.
Preguntas frecuentes
Cuando un usuario interactúa por primera vez con su sitio (es decir, hace clic en un enlace, toca un botón o utiliza un control basado en JavaScript), el primer retraso de entrada mide cuánto tiempo tarda el navegador en responder.
Los sitios deben esforzarse por lograr un retraso de la primera entrada de 100 milisegundos o menos para brindar una buena experiencia de usuario. Un buen umbral a medir para la mayoría de sus usuarios es el percentil 75 de cargas de páginas móviles y de escritorio.
En términos simples, la FID es causada por la interacción con una página web. La FID no se puede medir si no hay interacción en la página web. Debido a esto, el FID no se puede medir en todas las páginas de un sitio web.
Shubham es un especialista en marketing digital con amplia experiencia trabajando en la industria de la tecnología publicitaria. Tiene una amplia experiencia en la industria programática, impulsando la estrategia comercial y escalando funciones que incluyen, entre otras, crecimiento y marketing, operaciones, optimización de procesos y ventas.
