Brindar a sus visitantes un servicio rápido es fundamental para el éxito de su sitio web. Sin embargo, hay muchas maneras de medir qué tan bien lo hace. Uno de ellos es el First Entry Delay (FID), que mide el tiempo en milisegundos (ms) entre la primera interacción de un usuario con tu sitio web y el navegador respondiendo a esa acción.
En esta publicación, explicaremos qué es FID y cómo medirlo. También discutiremos qué es un buen puntaje FID y lo guiaremos a través del proceso de optimización. Finalmente, cubriremos algunas preguntas frecuentes. ¡Empecemos!
Suscríbete a nuestro canal de YouTube
¿Qué es el retraso de la primera entrada (FID)?
Como mencionamos, el FID (a veces también denominado «Retraso de entrada») es la medida de tiempo en ms que ocurre entre la interacción del usuario con su sitio web y la respuesta de su navegador. Esta es una métrica necesaria en Informe de experiencia de usuario de Chrome. Además, es uno de los Indicadores básicos de internet. Estos son los datos que utiliza Google para determinar la calidad UX de su sitio web (y, por lo tanto, su PageRank).
En este contexto, las entradas o interacciones pueden relacionarse con una amplia gama de actividades. Por ejemplo, esto podría incluir hacer clic en un enlace, presionar un botón o seleccionar una casilla de verificación. Sin embargo, la FID no se aplica cuando el usuario se desplaza o hace zoom en la página, ya que no requieren una nueva respuesta entre el navegador y su sitio web.
Este indicador puede verse influenciado por varios factores diferentes. La velocidad y la potencia de procesamiento del dispositivo del usuario pueden verse afectadas. No puedes controlarlo. Sin embargo, puede controlar el tamaño y la complejidad del sitio web. Más específicamente, puede controlar cuánto JavaScript usa su sitio. Por ejemplo, si tiene muchas imágenes o scripts que se cargan en orden aleatorio, esto puede ralentizar todo el proceso y retrasar la respuesta del usuario.
Incluso si su sitio tiene FCP y LCP sólidos, la latencia de la primera entrada puede ser lo suficientemente larga como para que se rechacen. Pueden sentir que su sitio no responde y es lento.
En resumen, el FID se usa para determinar qué tan receptiva es una página cuando se carga. Quizás, por supuesto, cuanto más rápido sea este proceso, mejor. Por eso es importante saber cómo medir el FID de su sitio web y cómo mejorar su puntuación.
Cómo medir la FID
Antes de comenzar a optimizar su puntaje FID, necesita saber dónde se encuentra actualmente. Idealmente, para proporcionar una sólida experiencia de usuario (UX), necesitará la suya Resultado FID inferior a 100 ms.
Se considera un resultado de 100 ms o menos. Buenomientras que el resultado de 100 a 300 ms puede mejorarse. Un resultado FID superior a 300 ms es débil.
Para medir su FID puede utilizar Estadísticas de Google PageSpeed:
Esta es una herramienta gratuita de Google que prueba el rendimiento de su sitio web de varias maneras. Con él, puede observar varias métricas clave, incluida la FID.
Tenga en cuenta que la medición de FID a veces puede ser difícil de medir. Esto se debe a que requiere la entrada del usuario. Sin embargo, si su sitio ha sido interactivo recientemente, debería poder encontrar estos datos utilizando PageSpeed Insights.
Para comenzar, ingrese la URL de su sitio web en el cuadro de texto y haga clic en el botón Analizar botón. Una vez que la herramienta haya terminado de analizar su página, lo guiará a los resultados y le dará a su sitio una puntuación general:
Puedes encontrar Primera demora de entrada (FID) registrar bajo Datos de campo Sección. Por debajo posibilidades un poco más abajo encontrará sugerencias para la optimización de la página y los resultados.
También nos gustaría señalar que Google marca estos resultados como datos de campo. Esto significa que la información se basa en la interacción real del usuario y no en pruebas simuladas (llamadas datos de laboratorio o encontrado por herramientas de laboratorio). FID es bastante subjetivo y está estrechamente relacionado con las interacciones reales del usuario, por lo que es importante usar datos de campo. Las simulaciones solo pueden explicar eso.
Cómo optimizar su puntaje FID
Ahora que comprende qué es un puntaje 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 utilizar para reducir el tiempo de retraso de su primera entrada.
Optimice y minimice su código CSS y JavaScript
Una de las mejores formas de optimizar su puntaje FID es comprimir y optimizar su código CSS y JavaScript. Esto puede reducir el tamaño de los archivos y, por lo tanto, mejorar la capacidad de respuesta. Al eliminar caracteres, espacios y saltos de línea innecesarios, reduce el tamaño del archivo, lo que a su vez aumenta la velocidad de la página y reduce la cantidad de procesos que debe manejar su navegador. De esta manera tienes un FID más bajo.
divide los usuarios también deben saber que el tema minimiza automáticamente HTML, JavaScript y CSS desde el principio. Simplemente activar el tema comprimirá todo ese código, poniendo su FID en una mejor posición que antes.
Si no eres usuario de Divi, tienes varias opciones para minimizar el código. Un enfoque rápido y simple para esto es usar una herramienta en línea como Minimizar el código. Copie el código de tamaño completo, péguelo en su sitio web, el sitio web lo minimizará y luego copie / pegue los resultados nuevamente en su sitio web.
También puede minimizar su código manualmente usando el editor de código, aunque esto puede ser un poco más complicado. Sin embargo, si tiene experiencia trabajando con código, este método puede darle más control.
Otra estrategia más es usar un complemento como Autooptimización o Caché total W3 (o cualquier número de otros).
Esta puede ser una solución rentable para los usuarios de WordPress si es nuevo en el código y desea implementar automáticamente esta modificación en su sitio web. Además, estos complementos ofrecen una serie de funciones centradas en la optimización, como el almacenamiento en caché de imágenes y contenido.
Divide las tareas largas de JavaScript en otras más pequeñas
Las tareas largas tienden a atascarse trama principal y puede hacer que JavaScript se hinche, afectando negativamente la capacidad de respuesta del sitio. Para evitar que esto suceda y mejorar su puntaje FID, puede intentar dividir estas tareas en tareas asincrónicas más pequeñas.
Una de las maneras más efectivas de hacer esto es desglose del código. En resumen, es una técnica para dividir y cargar solo piezas de código más pequeñas y necesarias, no un archivo grande a la vez. Puedes hacer esto con una herramienta como paquete internet.
Los usuarios de Divi también ganan en esta área, ya que la gran actualización de rendimiento divide los temas, la gran biblioteca de JavaScript y solo los carga cuando es necesario. Esto debería reducir el FID en casi todos los sitios Divi. Los temas de WordPress suelen tener sus propias bibliotecas JS y es posible que los usuarios no tengan la experiencia o el permiso para dividir el código y optimizarlo por su cuenta. Queríamos que Divi no fuera un problema.
Reduzca el impacto del código de terceros y los scripts no críticos
Si tiene demasiados scripts de terceros, esto puede retrasar la ejecución de los datos de su propio sitio. Por lo tanto, para optimizar su puntaje FID, es una buena idea reducir el impacto del código de terceros y eliminar cualquier script de terceros que no sea crítico. Y posterga los que no puedas borrar.
Al decidir qué secuencias de comandos son las más importantes, pregúntese cuál juega un papel importante en la UX de su sitio web. Por ejemplo, puede eliminar o retrasar algunos anuncios o ventanas emergentes que no necesita mucho. ¿Tus usuarios necesitar para ver este correo electrónico primero, ¿puede retrasarlo hasta que de alguna manera interactúen con el sitio?
También puedes mirar debajo PosibilidadesSección Informes de PageSpeed Insights para obtener más información sobre cómo reducir JavaScript y CSS no utilizados:
Si hace clic para expandir cualquiera de estas secciones, se le presentará una lista de archivos y tareas específicos que pueden estar bloqueando el hilo principal. Usted además puede encontrar JavaScript y CSS no utilizados con Chrome DevTools.
En muchos casos, estos recursos de «bloqueo de procesamiento» impiden que la página se cargue tan rápido, lo que también afecta a la FID. Eliminarlos y/o posponerlos puede no solo mejorar la interactividad de su sitio web, sino también la capacidad de respuesta y la velocidad percibidas.
Divi tiene interruptores para diferir guiones no críticos como este. En las opciones del tema, puede optar por diferir los scripts de jQuery y aplicar el aplazamiento de CSS integrado, que, en combinación con la función CSS crítico del tema, elimina todos CSS de bloqueo de procesamiento. También puede alternar el aplazamiento de la hoja de estilo del editor de Google Fonts y Gutenberg. Todo esto se ve como «bloqueo de representación», por lo que Miembros de temas elegantes verá la puntuación FID corregida casi inmediatamente.
Preguntas frecuentes sobre el retraso de la primera entrada (FID)
En este punto, probablemente tenga una buena comprensión de lo que es un FID y su relevancia para la UX de su sitio web, así como también cómo mejorarlo. Con eso en mente, queremos asegurarnos de haber cubierto todos los puntos clave. Entonces, pasemos a algunas de las preguntas más frecuentes sobre la FID.
¿Cómo coincide el FID con el rendimiento general de mi sitio?
Básicamente, el FID mide la primera interacción de los visitantes con su sitio web. Es tanto cuantitativo como percibido ya que influye en la primera impresión de un usuario en tu sitio web. Puede ver objetivamente cuándo un sitio web responde a la entrada del usuario, pero también puede ver cuándo un usuario lo percibe a partir de su interacción con el sitio web.
El FID mide el tiempo entre la primera interacción de un usuario y el tiempo de respuesta del navegador a esa acción. En otras palabras, el indicador juzga la capacidad de respuesta de su sitio web. mientras todavía se está cargando. Cuanto antes lo haga, mejor será la experiencia de sus invitados.
Además, como Core Web Vital (junto con Largest Contentful Paint (LCP) y Cumulative Layout Shift (CLS)), FID juega un papel importante en la clasificación de su sitio web por parte de Google. Por lo tanto, además de la comodidad de los usuarios, también puede afectar la optimización de los sitios web para los motores de búsqueda (SEO). Muchas de las mismas estrategias de mejora de FID también degradarán significativamente el rendimiento general de su sitio web.
¿Cómo puedo medir mi FID?
Hay varias formas diferentes de medir la puntuación FID. El método más rápido y sencillo es poner en marcha su sitio web con Google PageSpeed Insights. El informe detallará una serie de indicadores importantes, incluido el FID. También incluye sugerencias sobre cómo puede mejorar su puntaje.
Además, puede usar algunas otras herramientas para acceder a su puntaje FID. Incluyen Informe de experiencia de usuario de Chrome, Informe sobre métricas web clave en Google Search Consoley Biblioteca JavaScript de Web Vitals. También puedes encontrar herramientas como Metrix GT y Prueba de velocidad de Pingdom sé útil.
¿Cómo mejoro mi puntaje FID?
Mejorar el FID puede ayudarlo a mejorar tanto las clasificaciones de UX como el SEO de su sitio web. Por lo general, una puntuación FID deficiente se puede atribuir a varios factores, entre ellos:
- JavaScript pesado
- Guiones no utilizados
- Tareas largas de JavaScript
- Archivos de script largos
Hay algunos pasos que puede seguir para mejorar su puntuación. Estos incluyen minimizar el código de su sitio web, eliminar o retrasar los scripts de terceros no utilizados y dividir las tareas largas de JavaScript (y los archivos CSS) en otras más pequeñas.
Solicitud
Solo tiene una oportunidad de causar una primera impresión positiva en los visitantes de su sitio web. Por lo tanto, es importante aprovechar todas las oportunidades posibles para optimizar su puntaje FID. Es imperativo asegurarse de que las primeras interacciones del usuario sean rápidas.
Recuerde que el resultado ideal de FID es de 100 ms o menos. Si desea mejorar el suyo y acortar ese tiempo, las pocas estrategias que discutimos anteriormente (como posponer JavaScript no utilizado, optimizar el código CSS y JavaScript, y diferir / eliminar los recursos de bloqueo de renderizado) sin duda acortarán su tiempo hasta el punto de la necesidad. ser.
¿Tiene preguntas sobre FID? ¡Háganos saber en la sección de comentarios!
Imagen destacada vía wan wei/shutterstock
