Primer retraso de entrada (FID): qué es y cómo optimizar su sitio para este

Dar una experiencia rápida a los visitantes es esencial para el éxito de su sitio. Sin embargo, hay varias formas de evaluar qué tan bien lo hace. Uno de ellos es el primer retraso de entrada (FID), que mide el tiempo en milisegundos (MS) entre el momento en que un usuario interactúa por primera vez con su sitio y el momento en que su navegador responde a esa acción. En esta publicación, explicaremos qué es FID y cómo medirlo. También discutiremos qué es una buena partitura FID y le presentaremos cómo puede optimizarlo. Finalmente, terminaremos algunas preguntas comunes. ¡Vamos a empezar!
Suscríbase a nuestro canal de YouTube ¿Cuál es el primer retraso de entrada (FID)? Como mencioné, FID (a veces llamado “latencia de entrada”) es la medición del tiempo en la EM que tiene lugar entre el momento en que un visitante interactúa con su sitio y el momento en que su navegador responde. Es un valor esencial incluido en la experiencia del usuario de Chrome. Además, es uno de los núcleos web vitales. Estos son los valores que Google usa para determinar la calidad del UX de su sitio (y, a su vez, su rango de página). En este contexto, la introducción o interacción puede referirse a una amplia gama de acciones. Por ejemplo, podría incluir un enlace, presionar un botón o verificar una casilla de verificación. Sin embargo, FID no se aplica cuando un usuario ejecuta o se acerca a una página, ya que no requiere una nueva respuesta entre su navegador y su sitio web.
Algunos factores diferentes pueden afectar este valor. La velocidad y la potencia de procesamiento del dispositivo del usuario pueden tener un impacto. No puedes controlar eso. Sin embargo, puede controlar el tamaño y la complejidad de la página web. Más precisamente, puede controlar cuánto JavaScript usa su sitio web. Por ejemplo, si tiene muchas imágenes o scripts que se cargan en un orden aleatorio, puede ralentizar todo el proceso y retrasar la respuesta del usuario. Incluso si su sitio tiene un FCP y LCP sólidos, el primer retraso de entrada podría ser lo suficientemente largo como para que salten. Para ellos, puede sentir que su sitio no responde y se ralentiza. Corto, FID se usa para determinar qué tan receptiva es una página mientras se carga. Tal vez obviamente, cuanto más rápido este proceso, mejor. Por lo tanto, es importante saber cómo medir el FID de su sitio y cómo mejorar su puntaje. Cómo medir FID antes de comenzar la optimización de la puntuación FID, es esencial saber dónde está actualmente. Idealmente, para proporcionar una experiencia de usuario sólida (UX), querrá que su puntaje FID esté por debajo de los 100 ms. Un puntaje de 100 ms o menos se considera bueno, mientras que un puntaje entre 100 y 300 ms tiene que mejorar. Un puntaje FID sobre 300 ms es débil.
Para medir su FID, puede usar Google PageSpeed ​​Insights:
Esta es una herramienta gratuita de Google que prueba el rendimiento de su sitio de varias maneras. Con esto, puede ver una variedad de valores clave, incluido FID. Tenga en cuenta que FID a veces puede ser difícil de medir. Esto se debe a que requiere la introducción del usuario. Sin embargo, mientras haya tenido recientemente la interactividad del usuario en su sitio, debería poder encontrar este valor a través de PageSpeed ​​Insights. Para iniciar, ingrese la URL de su sitio en el campo de texto y haga clic en el botón. Una vez que se haya analizado la herramienta su página, lo traerá a los resultados y le dará a su sitio una puntuación general: puede encontrar el primer retraso de entrada (FID) en la sección de datos de campo. En la sección de oportunidades un poco más pequeñas, puede encontrar sugerencias para optimizar la página y los puntajes. También queremos mencionar que Google denota estos puntajes como datos de campo. Esto significa que la información se basa en la interacción real del usuario, no en pruebas simuladas (llamadas datos de laboratorio o se puede encontrar a través de instrumentos de laboratorio). FID es bastante subjetivo y está estrechamente relacionado con las interacciones reales del actor, por lo que es importante asegurarse de usar datos de campo. Las simulaciones pueden explicar mucho.

Cómo optimizar su puntaje FID ahora que comprende qué es una puntuación FID y cómo puede medirlo, es hora de ver cómo puede mejorarlo. A continuación se presentan algunos consejos y estrategias que puede usar para reducir el tiempo de retraso de la primera entrada. Optimizar y reducir el código CSS y JavaScript Una de las mejores formas de optimizar su puntaje FID es comprimiendo y optimizando el código CSS y JavaScript. Si hace esto, puede reducir el tamaño de los archivos y, a su vez, puede mejorar la capacidad de reacción. Al eliminar caracteres, espacios e interrupciones de línea innecesarias, reduce el tamaño del archivo, lo que, a su vez, aumenta la velocidad de la página y reduce el número de procesos que un navegador tiene que administrar. Por lo tanto, tiene un FID más pequeño. Los divilizadores también deben saber que el tema minimiza automáticamente HTML, JavaScript y CSS desde el principio. La simple activación del tema comprimirá todo este código para que su FID esté en una mejor posición que antes. Si no es un usuario de división, tiene algunas opciones para minimizar su código. Un enfoque simple y rápido para hacer esto es el uso de una herramienta en línea, como el código Minify. Copie su código de tamaño completo, peguelo al sitio, el sitio lo encoge y luego copie / pegue los resultados de regreso a su sitio.

También puede minimizar el código manual usando un editor de código, aunque esto puede ser un poco más complicado. Sin embargo, si tiene experiencia en trabajar con el código, este método puede brindarle más control.
Otra estrategia es utilizar un complemento como AutOptimize o W3 Total Cache (o cualquier otro número). Esta puede ser una solución viable para los usuarios de WordPress si no tiene experiencia y desea implementar este cambio en su sitio. Automático. Además, estos complementos ofrecen una variedad de características centradas en la optimización, como el almacenamiento de imágenes y contenido.
Las tareas largas de JavaScript separadas en las tareas largas más pequeñas tienden a bloquear el hilo principal y pueden conducir a la hinchazón de JavaScript, afectando la capacidad de reacción de su sitio. Divida estas tareas en las más pequeñas, asíncronas.

Una de las formas más efectivas de hacer esto es compartir el código. En resumen, esta es una técnica utilizada para romper y cargar solo piezas de código más pequeñas y necesarias, en lugar de un archivo grande a la vez. Puede hacer esto usando un instrumento como Webpack. Los usuarios de la división obtienen una ventaja en esta área, porque la actualización de alto rendimiento separa los temas de la biblioteca JavaScript y solo los cobra según sea necesario. Esto debería reducir el FID en casi todos los sitios de la Divicidad. Los temas de WordPress tienden a crear sus propias bibliotecas JS, y los usuarios pueden no tener experiencia o permisos para compartir el código y optimizarlo solo. Queríamos hacer de esto un problema con Div.
Reduzca el impacto del código de terceros y scripts no críticos Si tiene demasiados scripts de terceros, puede retrasar la ejecución de los datos de su propio sitio. Por lo tanto, para optimizar su puntaje FID, también es una idea inteligente para Reduzca el impacto del tercer código y elimine los scripts de tercera parte que no sean críticos. Y para posponer los que no puedes eliminar. Cuando decida qué guiones son los más importantes, pregúntese que juegue un papel importante en el sitio de UX. Por ejemplo, puede eliminar o retrasar ciertos anuncios o ventanas emergentes que no son muy necesarias. ¿Sus usuarios tienen que ver este correo electrónico primero o puede retrasarlo hasta que interactúen con el sitio de alguna manera? También puede buscar en la sección Oportunidades de sus conocimientos de suministro de páginas para obtener más información sobre la reducción de JavaScript y CSS sin usar:

Si hace clic para expandir cualquiera de estas secciones, mostrará ciertos archivos y tareas que podrían bloquear el cable principal. También puede encontrar JavaScript y CSS sin usar usando Chrome DevTools. En muchos casos, estos recursos para “bloquear la rebelión” detienen la carga de la página tan rápido, lo que también afecta a su FID. Eliminar y / o posponerlos no solo puede mejorar la interactividad de su sitio, sino también la reacción y la percibida velocidad. Divi debe cambiar para el aplazamiento de scripts no críticos como este. En las opciones de tema, puede elegir posponer los scripts de jquey y adoptar el CSS en línea, que, cuando se combina con la función CSS crítica, elimina todos los CSS de colocación. También puede cambiar el aplazamiento de la hoja de estilo de Google Fonts y el editor de Gutenberg. Todos estos son vistos como un “bloqueo de reproducción”, por lo que los miembros elegantes temas verán casi una puntuación FID mejor. Preguntas frecuentes sobre la primera entrada tardía (FID) En este momento, probablemente tenga una comprensión sólida de lo que es FID y su significado para el UX de su sitio web, así como cómo mejorarlo. En vista de esto, queremos asegurarnos de haber cubierto todos los puntos clave. Entonces, revisemos algunas preguntas comunes sobre FID. ¿Cómo cae FID en el rendimiento general de mi sitio web?

Esencialmente, FID mide la primera interacción que los visitantes tienen con su sitio web. Es un valor cuantitativo y percibido, ya que afecta la primera impresión de un usuario con su sitio. Puede ver objetivamente cuando el sitio responde a la introducción del usuario, pero según las interacciones del usuario con el sitio, puede ver cuándo yo percibe este. FID mide el tiempo entre la primera interacción que hace un usuario y cuánto tiempo es el navegador para responder a esa acción. En otras palabras, el valor evalúa cuán receptivo es su sitio mientras aún se carga. Cuanto más rápido sea, mejor será mejor la experiencia de sus visitantes. Además, como Core Web Vital (junto con la pintura contenta más grande (LCP) y el cambio de diseño acumulativo (CLS)), FID juega un papel importante en la forma en que Google clasifica su sitio web. Por lo tanto, además de la experiencia de sus usuarios, también puede afectar la optimización del motor de búsqueda (SEO) de su sitio. Muchas de las mismas estrategias para mejorar el FID también reducirán el rendimiento general del sitio. ¿Cómo puedo? ¿Medir mi FID?
Hay algunas formas diferentes en que puedes medir tu puntaje FID.El método más rápido y simple es ejecutar su sitio a través de Google PageSpeed ​​Insights.El informe detallará una serie de valores importantes, incluido FID.También dará algunas sugerencias sobre cómo puede mejorar su puntaje.Además, puede usar algunas otras herramientas para acceder a su puntaje FID.Estos incluyen el Informe de Experiencia de Usuario de Chrome, la consola web Base Vitals de Google y la Biblioteca Web Web Vitals de JavaScript.También puede encontrar herramientas como la prueba de velocidad de GT Manux y Pingdom para ser útiles.¿Cómo mejoro mi puntaje FID?Mejorar FID puede ayudarlo a mejorar las clasificaciones de UX y SEO.Por lo general, una puntuación FID débil se puede atribuir a varios factores, que incluyen: Hard JavaScript
Guiones no utilizados

Tareas largas de JavaScript
Archivos de script largos