Tempo total de bloqueio (TBT)
Um sítio Web que carregue o mais rapidamente possível: este é o desejo de qualquer empresário. Medir o tempo total de bloqueio é uma forma de obter mais informações sobre este assunto. O que é o Tempo Total de Bloqueio e como funciona num sítio Web? Pode ler todas as informações importantes nesta página.
O que é o Tempo Total de Bloqueio?
O Tempo Total de Bloqueio (TBT) é uma medida do tempo de carregamento de uma página. Mede o tempo que uma página demora a bloquear durante o carregamento. Quando existe um bloqueio, o visitante demora mais tempo a ter opções num sítio Web.(1)(2)
É assim que funciona o TBT
O Tempo total de bloqueio faz parte do Google Lighthouse; é um dos principais indicadores vitais da Web do Google. O tempo de carregamento de um sítio Web é um dos componentes mais importantes de um sítio que funciona bem. Quanto mais rápido uma página carregar, melhor. Um sítio Web lento pode fazer com que os visitantes abandonem o seu sítio Web e, por conseguinte, não efectuem uma compra.
Saber coisas importantes como o Tempo total de bloqueio dar-lhe-á uma melhor compreensão do estado atual do seu sítio Web e de como o alterar. O TBT mede, por assim dizer, o que se passa no sítio Web entre o First Contentful Paint e o Time to Interactive.
O impacto do tempo total de bloqueio na SEO
O Tempo total de bloqueio tem um impacto potencial na SEO de um sítio Web ou página, especialmente quando se consideram outras questões importantes, como a Maior tinta com conteúdo e a Mudança de apresentação cumulativa. Os dois últimos são factores de classificação importantes para o Google, pelo que é inteligente incluí-los na estratégia de SEO.
O meu conselho
As principais ferramentas de medição do Google Lighthouse fornecem muitas informações e oportunidades para a otimização dos motores de pesquisa de um sítio Web, bem como para a sua usabilidade.
Recomendamos que investigue esta métrica do Google, em combinação com outras métricas importantes. Isto dá-lhe uma ideia da velocidade da sua página, mas também torna muito mais fácil fazer alterações. Isto permite um sítio Web mais rápido, mais tráfego e também mais conversões.
O livro mais completo sobre a velocidade dos sítios Web
Já escrevi tanto sobre a aceleração de sítios Web e tudo o que isso implica, que gosto de dividir o assunto em diferentes secções: geral, ferramentas, pontos de melhoria da velocidade e dicas. Não hesite em ver e consultar todos os links abaixo para saber mais sobre ferramentas e dicas para acelerar o seu sítio Web.
Geral
- Qual é a velocidade do sítio Web
- Velocidade do sítio Web: A divisão entre marketing e desenvolvimento
- A influência da SEO na experiência do utilizador
- A influência da conceção da Web na SEO
- SPAs e SEO
- O que são os principais indicadores vitais da Web do Google?
Ferramentas
- Otimização automática
- Pagespeed.Compare
- W3 Total Cache
- Ferramentas Pingdom
- Google Pagespeed Insights
- GTMetrix
Melhorias na velocidade
- Primeira pintura com conteúdo (FCP)
- Tempo para o primeiro byte (TTFB)
- Tempo para interatividade (TTI)
- Imagem para Maior vista com conteúdo (LCP) pré-carregado
- Ativar a compressão de texto
- Reduzir o CSS
- Índice de velocidade
- Reduzir o JavaScript
- Maior tinta com conteúdo
- Evitar DOM excessivas
- Eliminar CSS não utilizadas
- Remover JavaScript não utilizado
- Fornecer imagens em esquemas modernos
- Ligar antecipadamente às origens necessárias
- Impedir que JavaScript obsoleto seja fornecido aos navegadores modernos
- Utilizar uma política de cache eficiente para itens estáticos
- Remover módulos duplicados do JavaScript
- Evitar múltiplos redireccionamentos
- Codificar imagens de forma eficiente
- Utilizar o carregamento lento
- Carregar pedidos importantes com antecedência
Dicas gerais
- Sugestões para carregar rapidamente um vídeo
- Utilizar o Edge SEO para um sítio Web mais rápido
- Instalar uma rede de distribuição de conteúdos para SEO
- Otimizar imagens para SEO
- O impacto do alojamento na SEO
- Novidades no DevTools (Chrome 84) | Blogue | Chrome para programadores. (s.d.). Chrome para programadores. https://developers.google.com/web/updates/2020/05/devtools
- Renderização na Web. (2019, 6 de fevereiro). web.dev. https://web.dev/articles/rendering-on-the-web#terminology