FID

(First Input Delay)

Nivel Principiante

Imagina que estás en una página web y le das clic a un botón, pero la página no reacciona al instante. Hay un pequeño retraso antes de que algo pase. El FID (First Input Delay) es una medida de ese retraso, es decir, el tiempo que tarda la página en responder al primer clic o toque que haces. Un FID bajo significa que la página responde de inmediato, haciendo que tu experiencia se sienta fluida y rápida.

Nivel Intermedio

El FID (First Input Delay) es una de las métricas de Core Web Vitals de Google que mide la capacidad de respuesta de una página web a la primera interacción del usuario. Mide el tiempo que transcurre desde que un usuario interactúa por primera vez con la página (por ejemplo, haciendo clic en un botón o un enlace) hasta que el navegador puede comenzar a procesar la respuesta a ese evento.

Un FID alto se produce porque el navegador está ocupado procesando otras tareas pesadas, como la descarga y el procesamiento de archivos JavaScript grandes. Durante este tiempo, el hilo principal del navegador está bloqueado y no puede responder a las interacciones del usuario. Un buen puntaje de FID es inferior a 100 milisegundos.

Nivel Avanzado

Técnicamente, el FID es el tiempo que un navegador tarda en estar listo para procesar un evento después de que el usuario lo ha iniciado. No mide el tiempo que tarda el navegador en ejecutar la tarea completa, sino solo el retraso inicial.

Las principales causas de un FID alto son las tareas de JavaScript de larga duración que se ejecutan en el hilo principal del navegador. Estas tareas pueden ser:

Parseo y ejecución de JavaScript: El tiempo que el navegador tarda en leer y ejecutar archivos JS grandes.
Procesamiento del DOM y CSS: La construcción del árbol del DOM y la aplicación de los estilos.
Procesamiento de scripts de terceros: Scripts de anuncios o de análisis que bloquean el hilo principal.

Para optimizar el FID, los desarrolladores deben centrarse en:

Dividir el Código (Code Splitting): Dividir el JavaScript en fragmentos más pequeños que se cargan de forma asíncrona.
Cargar JavaScript de forma diferida: Utilizar los atributos async y defer en las etiquetas <script> para evitar que el script bloquee la renderización.
Optimizar la ejecución del código: Refactorizar el código de JavaScript para que las tareas pesadas se ejecuten de forma asíncrona o en un Web Worker para no bloquear el hilo principal.

El FID es una métrica crucial porque mide el tiempo real que un usuario experimenta como un retraso, lo que afecta directamente a la Experiencia de Usuario (UX). A partir de marzo de 2024, el INP (Interaction to Next Paint) sustituirá al FID como métrica principal de capacidad de respuesta, ya que mide el tiempo de respuesta de todas las interacciones, no solo de la primera.

« Volver al índice del glosario