¿Qué es FID / TBT?
El primer retraso de entrada (FID) mide el tiempo entre la primera interacción de un usuario en una página (haciendo clic en un botón o un enlace) y cuando el navegador responde y realiza la función prevista .
En términos simples, el primer retraso en la entrada nos dice cuánto tiempo tuvo que esperar un usuario para esperar una respuesta de la interfaz después de su primer clic.
Nos dice que la razón principal para el retardo de entrada es cuando el hilo principal de un navegador está ocupado haciendo otra cosa y no puede responder a un usuario de inmediato.
Comúnmente, esto se debe a tareas largas relacionadas con JavaScript que ocupan mucho tiempo para ejecutar.
Junto con pintura contenta más grande (LCP) (LCP) y MAYÚS DE PERSAMIENTO CURÁULÁTICO (CLS), primera entrada El retraso es uno de los tres.E CORE WEB VIVALS Google está enfatizando en su actualización de la experiencia de
Page
desplegada en verano 2021.
|
Pobre |
LCP |
||
|
≤4s |
> 4s |
||
|
≤100ms |
≤300ms |
> 300ms |
CLS
≤0.1
≤0.25
> 0.25
Dado que FID es un STIC medido solo por la interacción del usuario real, no se puede replicar en una configuración de laboratorio.
Sin embargo, el tiempo total de bloqueo (TBT) es una métrica que, esencialmente mide la cantidad de tiempo que es un navegador. Bloqueado y por lo tanto puede estimar de cerca FID. Es por eso que verá TBT en el informe de los vitales web del núcleo de Semrush en lugar de FID. ¿Qué causa la mala fid / TBT? Como se indica anteriormente, cualquier tarea que lleve mucho tiempo para completar, Por lo tanto, bloquear el hilo principal de un navegador y evitar que la ejecución de una nueva tarea de inmediato, conducirá a un FID deficiente.
La mayoría de las veces, el retraso y El bloqueo del hilo principal se produce en la etapa de carga de la página, cuandoEl contenido ya se ha mostrado, pero la carga aún no ha terminado.
Cómo solucionar el FID / TBT
. , puede reducir la TBT y, por lo tanto, fid, optimizando el hilo principal de su página.
Las tareas largas son cualquier tarea donde la principal. El hilo estaba bloqueado por más de 50 milisegundos. Potencialmente, si un usuario hace clic en un elemento de clickable en el navegador durante una tarea larga, verá un retraso en la respuesta.
Afortunadamente, puede ser bastante fácil de bucear en su página e identificar tareas largas con la ayuda de Faro y Semrush.
En primer lugar, debe entender qué páginas tienenproblemas. ¿Es un problema de plantilla o simplemente una página específica como la página principal? Luego, identifique qué tareas largas están causando la mayor cantidad de problemas. Luego, puede usar las siguientes verificaciones de faro para encontrar ideas de cómo mejorar la TBT. Sus recomendaciones incluirán cosas como: Aplazar las imágenes offscreen Reducir el impacto del código de terceros Evite un tamaño de DOM excesivo Reduzca la ejecución de JavaScript Tiempo Minimice el trabajo del hilo principal Tome estas recomendaciones junto con una auditoría de sitio de Semrush y presente a su desarrollador para ayudarles a priorizar las tareas que minimizarán la experiencia de la página de su sitio. Si desea bucear más profundo y ubicarse por sí mismo exactamente donde se encuentran las tareas largas, puede opEn un faro e inspeccione tareas largas en el hilo principal. Inspeccione tareas largas en el hilo principal para optimizar su FID, debe entender lo que está causando la mala interactividad. Como lo discutimos anteriormente, debe comprender cuando ocurrieron tareas largas en el hilo principal. Hay dos formas de ver las tareas largas: utilizando una recomendación especial en la auditoría de desempeño del faro llamado “Evita mucho tiempo Tareas de hilo principales “Viendo la traza original en ambas variantes, será fácil si inicia una auditoría de rendimiento a través del faro. Para abrir el faro, haga clic con el botón derecho en cualquier lugar de la página y seleccione Inspeccione. Luego, encuentre el informe del faro en el arriba y presiona el botón Generar informe. Una vez que genere su informe, puede desplácese hacia abajo para bucear en las recomendaciones de Lighthouse, que se etiquetarán a oportunidades y diagnósticos. utilizando el “Evite las tareas de hilo de largo-largo” Recomendación Encuentre y abra la recomendación Evite las tareas de hilo principales largas “. Está disponible en una auditoría si hay al menos una tarea que demora más de 50 ms. Esto enumera todas las instancias donde el faro vio un largo Tarea, potencialmente bloqueando y retrasando la interacción de un usuario. Ver seguimiento original Para echar otro vistazo, puede hacer clic en Ver seguimiento original en el informe de faro para ver una línea de tiempo de la carga de la página. Asegúrese de que tiene la configuración de los vitales web revisados para ver cuando “tareas largas)”Tomó más de 50ms. El faro nos dice que cualquier cosa más rápida de 50 ms se considera buena, mientras que cualquier cosa más lenta que 50ms se considera pobre. Use este paso para perfeccionar las instancias específicas en su página donde se pueda mejorar el FID. Mida a TBT en SEMRUSH La auditoría del sitio de Semroush le permite rastrear TBT junto con los otros vitales web centrales. Cuando audites tu sitio web. El beneficio de usar SEMRUSH Aquí es que guardará sus datos en el informe de los Vitales web de Core para que pueda hacer referencia a cómo ha mejorado sus métricas vitales con el tiempo. Esto le permite inspeccionar primero sus vitales web principales, luego realizar cambios, y luego volver a ejecutar la auditoría y ver cómo mejoró sus puntajes. También encontrará un informe de desempeño completo con más información sobre cómo mejorar la velocidad de carga general de la página de su sitio web, junto con otros consejos de optimización. Pruébelo hoy y obtenga su página ¡Experiencia optimizada!