FID o First Input Delay, es una de las métricas de los Core Web Vitals. Mide el tiempo que tarda la web en responder al primer click del usuario. Con esta métrica es posible medir el tiempo de interacción que tiene el usuario con el sitio web. Si esta métrica tiene una buena velocidad, hará que la experiencia del usuario sea mejor. Para entendernos mejor, el FID mide el tiempo que un usuario tiene que esperar hasta poder interactuar con la página, como por ejemplo:
- Hacer clic en un elemento del menú.
- Hacer clic en un enlace interno de la web.
- Añadir información como llenar datos o escribir un comentario.
No importa que el clic no vaya a tener ninguna respuesta o que no sea sobre un elemento que ejecute JavaScript. El primer clic es el que cuenta y la página no responderá inmediatamente si hay JavaScript ejecutándose en ese momento. Incluso en el caso de que no se esté ejecutando ningún código relacionado con el clic del usuario. Ya que, mientras se ejecuta código JavaScript, la interfaz se encuentra bloqueada debido a que esta funciona en el mismo hilo de ejecución.
En resumidas cuentas debemos evitar tareas de JavaScript que duren más de 50 milisegundos, para conseguir esto tenemos varias opciones.
- Optimizar la programación del código JavaScript.
- Quitar las tareas que no sean necesarias para la carga inicial.
- Llevar parte del código JavaScript a web workers.
- Eliminar el código JavaScript no usado.
- No implementar páginas CSR.
- Evitar cargar polyfills no necesarios en navegadores modernos.
Para ser considerado bueno, el FID debe estar por debajo de 0,1 segundos, o lo que es lo mismo 100 milisegundos.