Categories
SEO

Primer retraso de entrada (FID) y tiempo de bloqueo total (TBT) explicado

¿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.

Web.dev

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.

img-semblog

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.

En esta actualización, Google confirmó que los tres vitales web principales se convertirían en parte de su algoritmo de clasificación. Por lo tanto, desea que sus páginas anoten dentro de los siguientes rangos “buenos” de acuerdo con Google cuando se miden sus vitales web básicos.

Bueno

Necesidades Mejora

≤2.5s

FID

Pobre

LCP

≤4s

> 4s

≤100ms

≤300ms

> 300ms

img-semblog

CLS

img-semblog

≤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

OR7VwWl4DcOZwJ2elOnCvl7gm5qmbNFE_f974JCtWlDrT32lio6nKo7ivLz6z-bQglIjQOCFVd75ETkr1KlfyismXvXq3E6MVQom8StiKfXsfQreQSBXTvcO8wCtne3OSXwDmQYG

gP7XSk8NhT2_IXPlXhy10JcJ68ydPm_WtBg8M_gZSQCN8teJkbFd-vTaJCMfKpPGJIT3RbvwWPHoZY_PfgP0kCUYn_BHqLcGyITA5SkTONIXsS08W0TrcbveHDcD7mxpKvICr3_m

lyKMlZSDTE1weSeAK-vuxUalx1gb_VJ_AA005_6iivdLtSlbXSuUzoyKSo6VA5nIk5A6xJQT5CNuiMELj7pUEXhmtnx0SJJxIN2-aIWueZVDiau96XjD5IOEzMoC8_BEPQaIDARQ

R8Rf3arGgVQ_lansXlqyTsyiPFoYJqz2ii8nsFGTF-aluPZPQsNrRQhZHT4f8a-mcs3_D7NpKuitjhUH5BDW56mG9saRUG2XkqEBjwfV3BmO3C1noa8mSs3Xgy4XcyOAC7hPb_ju

42v0UHCtM1rOodqc6ZeyYg5dJYpbmjqCrmOKtEHXw67MwGKic5gaLU7Vti-EcvMQOP2cNOoS_AG4vP0iXGEMZWmzVoMKlOkxryCXpGoKkZDyMVTMsnFrxk5I4BNfyAkYazAAiHc4

. , puede reducir la TBT y, por lo tanto, fid, optimizando el hilo principal de su página.

La mejor manera de hacerlo es eliminando las tareas largas. MrWUMRidu23q0aJ6hwbXKIOox0S9qPvAHVrnMPVfrcBL719WuELvMH8wGbmy8mVvbb6DztrRIm2xYnDlNwNSIBrIZ_kG-PLKOPgZoK_rckCCo2TH4ZsYwMg1HeCFNI0r38Iae73y 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!

Leave a Reply

Your email address will not be published. Required fields are marked *