Métrica «Tiempo Total de Bloqueo por JS de Terceros» (3PBT)
Martin Michálek9/2/20265 minutos lectura3PBT es la abreviatura de Third Party Blocking Time. Se trata de una métrica que mide el retraso que los componentes de terceros pueden ocasionar a sus usuarios durante las interacciones.
Es un indicador interno de monitorización de PageSpeed.ONE que le permite enfocarse más en los problemas que pueden provocar los componentes de terceros y empeorar así la métrica de interacción (INP).
🔐 Esta métrica solo se muestra a los usuarios de pruebas PLUS en el informe de Páginas.
Gráfico de la métrica 3PBT: ¿En qué página nos molestan los componentes de terceros?
¿Cómo calculamos exactamente 3PBT?
Desde un punto de vista técnico, 3PBT es la suma de los tiempos entre las métricas First Contentful Paint (FCP) y Time To Interactive (TTI), durante los cuales el JavaScript de terceros bloqueó el trabajo del navegador por más de 50 ms y pudo así retrasar las interacciones del usuario.
En otras palabras, es una parte de la métrica TBT (Total Blocking Time), cuyos culpables son los scripts de terceros (analítica, pruebas A/B, etc.).
Retraso en la interacción, no en la carga
Es importante entender que la métrica Third Party Blocking Time (3PBT) no se centra en el retraso de carga de la página, que mide la métrica LCP.
La página puede visualizarse muy rápidamente, incluso si contiene muchos componentes de terceros. Esto se debe a que suelen cargarse con menor prioridad y de manera asíncrona, sin bloquear la visualización de la página.
La métrica 3PBT es particularmente útil para identificar problemas que causan interacciones más lentas, algo que mide la métrica INP. Si observa que en su sitio web (en el informe de Dominios) la métrica INP está fuera del rango verde, también observe los valores de 3PBT.
¿Cómo detectamos a los terceros?
Los scripts de terceros son detectados automáticamente por la herramienta Lighthouse, que utilizamos para nuestras mediciones sintéticas en las pruebas PLUS (ver cómo medimos), y esta detección puede no ser completamente precisa.
Lighthouse es bastante bueno para identificar componentes de terceros conocidos (Google Tag Manager, Google Analytics, Hotjar…), pero no tiene tanto éxito con fabricantes menos comunes o locales de estos componentes.
Por lo tanto, es necesario tener en cuenta que el número mostrado puede representar solo parte del valor real. Sin embargo, sigue siendo un indicador útil, especialmente al compararlo con el valor total de la métrica Total Blocking Time (TBT).
¿Cuál es el valor óptimo de 3PBT?
El valor óptimo de 3PBT es hasta 0,1 s.
Sin embargo, no es necesario preocuparse demasiado si su sitio web no alcanza este estado en las URL medidas. Considere 3PBT mediante estas preguntas:
- ¿Está la métrica INP a nivel de dominio fuera del valor verde (ver informe de Dominios)?
- Si es así, revise el informe de Páginas para ver qué URL tienen deteriorada la métrica INP o TBT.
- En estas páginas, compare el valor de la métrica 3PBT con TBT.
El objetivo es determinar si los componentes de terceros pueden influir en el tiempo total de bloqueo (TBT) y, por lo tanto, en las interacciones específicas medidas por la métrica INP.
¿Cómo averiguar qué componentes específicos tienen un impacto negativo?
En el gráfico de la métrica 3PBT, solo verá el impacto total de los terceros en páginas específicas.
Si le interesa saber qué terceros específicos están causando problemas, es necesario profundizar en un informe concreto de la herramienta Lighthouse:
¿Cómo llegar al informe con los culpables específicos del deterioro de la métrica 3PBT?
Vamos a desglosarlo paso a paso:
- En el informe de Páginas, busque el gráfico de la métrica 3PBT.
- Haga clic en un punto específico en el gráfico.
- En la ventana modal, seleccione una URL específica.
- Haga clic en la hora de la prueba.
- En el detalle de la ejecución de la prueba (en el informe de Lighthouse), busque la sección «Reduzca el impacto del código de terceros».
De esta manera, podrá identificar componentes problemáticos específicos en páginas específicas.
¿Cómo optimizar 3PBT?
El tema de la optimización del impacto de los componentes de terceros es muy complejo, pero en resumen, las opciones de optimización son aproximadamente las siguientes:
- Considere si realmente necesita ese componente en el sitio web.
- Componentes que utiliza solo ocasionalmente, como Hotjar, elimínelos completamente del código HTML si no los está utilizando.
- Optimice el código GTM o use el truco con
setTimeout(). - Para componentes que se cargan solo en una parte específica de la página, utilice la técnica de carga diferida.
- Manténgase en contacto con los desarrolladores de componentes de terceros.
Puede encontrar más información sobre las posibilidades de optimización del código de terceros en los siguientes textos: