Tiempo total de bloqueo (TBT)
Un sitio web que cargue lo más rápido posible: es el deseo de todo empresario. Medir el tiempo total de bloqueo es una forma de obtener más información al respecto. ¿Qué es el Tiempo Total de Bloqueo y cómo funciona en un sitio web? Puede leer toda la información importante en esta página.
¿Qué es el tiempo total de bloqueo?
El tiempo total de bloqueo (TBT) es una medida del tiempo que tarda en cargarse una página. Mide cuánto tarda una página en bloquearse al cargarse. Cuando hay bloqueo, el visitante tarda más en tener opciones en una página web.(1)(2)
Así funciona la OTC
Total Blocking Time forma parte de Google Lighthouse; es uno de los Google Core Web Vitals. El tiempo de carga de un sitio web es uno de los componentes más importantes de un sitio que funciona bien. Cuanto más rápido se cargue una página, mejor. Un sitio web lento puede hacer que los visitantes abandonen su sitio web y, por lo tanto, no procedan a realizar una compra.
Saber cosas tan importantes como el Tiempo Total de Bloqueo le dará más información sobre el estado actual de su sitio web y cómo cambiarlo. TBT mide, por así decirlo, lo que ocurre en el sitio web entre la Primera Pintura Contenta y la Hora de Interactuar.
El impacto del Tiempo Total de Bloqueo en el SEO
El Tiempo Total de Bloqueo tiene un impacto potencial en el SEO de un sitio web o página, especialmente si se tienen en cuenta otros aspectos importantes, como la Mayor Pintura de Contenido y el Desplazamiento de Diseño Acumulado. Los dos últimos son factores de clasificación importantes para Google, por lo que es inteligente incluirlos en la estrategia SEO.
Mi consejo
Las herramientas de medición clave de Google Lighthouse proporcionan una gran cantidad de información y oportunidades para la optimización de motores de búsqueda de un sitio web, así como su usabilidad.
Recomendamos profundizar en esta métrica de Google, en combinación con otras métricas clave. Esto le da una idea de la velocidad de su página, pero también hace que sea mucho más fácil hacer cambios. Esto hace que el sitio web sea más rápido, tenga más tráfico y también más conversiones.
El libro más completo sobre la velocidad de los sitios web
He escrito tanto sobre la aceleración de sitios web y todo lo que implica, que me gusta dividirlo en diferentes secciones; general, herramientas, puntos de mejora de la velocidad y consejos. No dude en ver y consultar todos los enlaces que aparecen a continuación para obtener más información sobre herramientas y consejos para acelerar su sitio web.
General
- ¿Cuál es la velocidad del sitio web?
- Velocidad del sitio web: la división entre marketing y desarrollo
- La influencia del SEO en la UX
- La influencia del diseño web en el SEO
- SPA y SEO
- ¿Qué son las Google Core Web Vitals?
Herramientas
- Autoptimize
- Pagespeed.Compare
- W3 Total Cache
- Herramientas Pingdom
- Google Pagespeed Insights
- GTMetrix
Mejoras en la velocidad
- First Contentful Paint (FCP)
- Tiempo hasta el primer byte (TTFB)
- Tiempo para interactuar (TTI)
- Imagen de la vista más grande con contenido (LCP) precargado
- Activar la compresión de texto
- Reducir el CSS
- Índice de velocidad
- Reducir JavaScript
- El mayor contenido de pintura
- Evitar el exceso de DOM
- Borrar CSS no utilizado
- Eliminar JavaScript no utilizado
- Imágenes en diseños modernos
- Conéctese con antelación a los orígenes necesarios
- Evite que JavaScript obsoleto llegue a los navegadores modernos
- Utilizar una política de caché eficaz para los elementos estáticos
- Eliminar módulos duplicados de JavaScript
- Evitar redireccionamientos múltiples
- Codificar imágenes con eficacia
- Utilizar la carga lenta
- Cargar las solicitudes importantes con antelación
Consejos generales
- Consejos para cargar rápidamente un vídeo
- Usar Edge SEO para un sitio web más rápido
- Instalación de una red de distribución de contenidos para SEO
- Optimización de imágenes para SEO
- El impacto del alojamiento en el SEO
- Novedades de DevTools (Chrome 84) | Blog | Chrome para desarrolladores. (s.d.). Chrome para desarrolladores. https://developers.google.com/web/updates/2020/05/devtools
- Renderizado en la Web. (2019, 6 de febrero). web.dev. https://web.dev/articles/rendering-on-the-web#terminology