Pega em dois websites que vendem a mesma coisa. Abre-os lado a lado. Um carrega antes de o dedo sair do trackpad. O outro demora quatro segundos até aparecer um único elemento. A diferença que acabaste de sentir tem um nome: tempo de carregamento da página. Mas o número que vês numa ferramenta de teste de velocidade é só uma parte do quadro. O tempo de carregamento da página não é uma medição. É um conjunto de medições, cada uma a captar um momento diferente da sequência de carregamento, e cada uma a dizer-te algo diferente sobre o que um visitante realmente vive. Este artigo explica o que mede o tempo de carregamento da página, que métricas importam e o que te dizem, porque é que o telemóvel e o computador são diferentes e como ler os dados de desempenho do teu próprio site sem precisares de um programador para os traduzir.
O tempo de carregamento da página é o tempo entre um visitante pedir uma página e essa página ficar totalmente utilizável no navegador dele. A razão de ser medido de várias formas é que "carregada" significa coisas diferentes consoante o que estás a tentar perceber. Uma página pode mostrar conteúdo antes de acabar de carregar todos os elementos. Pode parecer interativa antes de realmente responder a cliques. Perceber que parte da sequência de carregamento é lenta é o que torna os dados de velocidade úteis em vez de apenas alarmantes. Para um contexto sobre porque isto importa para o teu negócio e para o ranking de pesquisa, lê o artigo sobre porque é que a velocidade do website importa.
O que mede realmente o tempo de carregamento da página?
A expressão "tempo de carregamento da página" é usada de forma vaga para se referir a um único número, mas na prática refere-se a uma linha do tempo com vários pontos de controlo. Cada ponto de controlo responde a uma pergunta diferente sobre o que um visitante vive enquanto a página carrega.
A sequência de carregamento
- O navegador envia um pedido ao teu servidor
- O servidor processa o pedido e envia uma resposta
- O navegador começa a receber e a apresentar a página
- O texto e as imagens aparecem de forma progressiva à medida que são descarregados
- Os scripts são executados, tornando a página interativa
- O último elemento acaba de carregar
Métricas diferentes captam pontos diferentes desta sequência. Uma boa pontuação de tempo de carregamento da página depende dos pontos de controlo que estás a medir, e não de um único tempo decorrido.
Que métricas específicas se usam para medir o tempo de carregamento da página?
Time to First Byte (TTFB)
- O que mede: quanto tempo o navegador espera antes de receber o primeiro byte de dados do teu servidor
- Boa pontuação: abaixo de 800 milissegundos
- Porque importa: um TTFB lento atrasa tudo o que vem a seguir. O navegador não consegue começar a apresentar nada até chegarem dados. Um TTFB lento aponta normalmente para o desempenho do servidor, a qualidade do alojamento ou consultas à base de dados não otimizadas
First Contentful Paint (FCP)
- O que mede: o momento em que o navegador apresenta o primeiro conteúdo, seja texto, uma imagem ou um fundo
- Boa pontuação: abaixo de 1,8 segundos
- Porque importa: é quando o visitante vê pela primeira vez que algo está a acontecer. Um FCP rápido sinaliza que a página está a responder, mesmo que ainda não tenha acabado de carregar
Largest Contentful Paint (LCP)
- O que mede: quando o maior elemento visível (normalmente uma imagem principal ou um título grande) carrega por completo
- Boa pontuação: 2,5 segundos ou menos
- Porque importa: o LCP é uma das três Core Web Vitals usadas no ranking de pesquisa. É o indicador mais próximo de "quando é que esta página parece utilizável", porque o maior elemento costuma ser o visual mais importante da página
Time to Interactive (TTI)
- O que mede: quando a página está totalmente interativa e responde de forma fiável a cliques e a entradas de teclado
- Boa pontuação: abaixo de 3,8 segundos
- Porque importa: uma página pode parecer carregada enquanto o JavaScript ainda está a ser executado em segundo plano. O TTI capta a diferença entre uma página parecer pronta e estar realmente pronta
Total Blocking Time (TBT)
- O que mede: o tempo total em que o processo principal está bloqueado e incapaz de responder a ações entre o FCP e o TTI
- Boa pontuação: abaixo de 200 milissegundos
- Porque importa: o TBT reflete quanto processamento pesado de JavaScript está a atrasar a interatividade. Um TBT alto significa que os visitantes clicam em botões e nada acontece, o que prejudica a confiança mesmo quando a página parece visualmente carregada
Carregamento total da página
- O que mede: quando todos os recursos da página, incluindo imagens, scripts, letras e conteúdos incorporados de terceiros, estão totalmente carregados
- Boa pontuação: abaixo de 5 segundos em telemóvel
- Porque importa: é a métrica em que a maioria das pessoas pensa quando diz "tempo de carregamento da página". É útil para perceber o peso total da tua página, mas é menos importante para a experiência dos visitantes do que o LCP e o TTI, já que os visitantes costumam começar a interagir com uma página bem antes de todos os elementos acabarem de carregar
Porque é que o tempo de carregamento no telemóvel é diferente do computador?
O telemóvel e o computador produzem pontuações de tempo de carregamento diferentes para a mesma página, mesmo quando o conteúdo é idêntico.
As razões pelas quais o telemóvel é sempre mais lento
- As ligações móveis são mais lentas do que a banda larga fixa em média, mesmo em redes 4G e 5G
- Os processadores dos telemóveis são menos potentes do que os dos computadores, o que significa que o JavaScript é executado mais devagar
- Os navegadores de telemóvel têm menos memória disponível, o que limita quanto conseguem guardar em cache entre páginas
- As condições de rede variam mais no telemóvel, causando um desempenho inconsistente entre visitas
Porque é que as pontuações em telemóvel pesam mais
- Os motores de pesquisa usam indexação mobile-first, ou seja, rastreiam e classificam as páginas com base na versão para telemóvel
- As pontuações das Core Web Vitals em telemóvel têm mais peso no ranking do que as de computador
- O telemóvel representa a maioria do tráfego web a nível global, por isso o desempenho em telemóvel afeta a maior parte dos teus visitantes
Faz sempre testes separados em telemóvel e em computador. Uma página com boa pontuação no computador pode ter problemas significativos no telemóvel, e é no telemóvel que o impacto no ranking é maior.
O que causa tempos de carregamento lentos?
Imagens grandes e não comprimidas
- A causa mais comum de páginas pesadas e de tempos de carregamento lentos
- Uma fotografia carregada diretamente do telemóvel pode ter 4 a 8 megabytes
- A mesma imagem, bem comprimida, pode ter menos de 100 kilobytes sem diferença de qualidade visível
- Cada imagem não comprimida acrescenta segundos ao FCP e ao LCP
Scripts e folhas de estilo que bloqueiam a apresentação
- Os navegadores param a apresentação quando encontram ficheiros JavaScript ou CSS que têm de processar antes de continuar
- Os scripts carregados no cabeçalho do documento impedem a página de mostrar o que quer que seja até terminarem
- Adiar os scripts não críticos tira-os do caminho crítico e acelera o FCP e o LCP
Resposta lenta do servidor (TTFB alto)
- Cada carregamento de página começa com um pedido ao servidor. Se o servidor é lento, tudo o que vem a seguir fica atrasado
- Os ambientes de alojamento partilhado partilham CPU e memória entre muitos sites, causando tempos de resposta imprevisíveis
- As bases de dados não otimizadas e a apresentação no servidor sem cache são contributos comuns
Demasiados scripts de terceiros
- Os widgets de chat, os pixels de acompanhamento e as ferramentas de análise acrescentam cada um pedidos de ligação externa
- Se algum servidor externo responder devagar, a tua página fica à espera dele
- Os scripts de terceiros podem contribuir bastante para o TBT ao acrescentarem tempo de execução de JavaScript
Sem cache
- Sem cache, cada visita desencadeia uma reconstrução completa da página no servidor
- Com cache, os visitantes que regressam carregam uma versão guardada, o que reduz bastante o tempo de resposta do servidor
- A cache do navegador também permite que os visitantes recorrentes não descarreguem ficheiros que já carregaram
Como medir o tempo de carregamento da tua própria página?
O que medem as ferramentas de teste de velocidade
- As ferramentas de teste de velocidade simulam o carregamento de uma página a partir de um local e de uma ligação fixos e pontuam cada métrica face a limites padrão
- Chamam-se resultados de laboratório: testes controlados feitos em condições consistentes
- Os resultados de laboratório são úteis para diagnosticar problemas específicos, mas não captam a forma como visitantes reais, com ligações e dispositivos diferentes, vivem a tua página
Dados de laboratório versus dados de campo
- Dados de laboratório: testes simulados num ambiente controlado. Rápidos de executar e bons para isolar problemas específicos
- Dados de campo: medições reais de visitantes verdadeiros do teu site, agregadas ao longo do tempo. É o que os motores de pesquisa usam para pontuar as Core Web Vitals
- Uma página pode ter boa pontuação num teste de laboratório e fraca nos dados de campo se as condições reais, dispositivos mais lentos, ligações mais fracas ou distância geográfica ao teu servidor, produzirem resultados diferentes para os visitantes reais
O que procurar ao ler um relatório de velocidade
- Vê primeiro o LCP: é a métrica mais importante para a experiência dos visitantes e para o ranking de pesquisa
- Olha para o TTFB para identificar se o problema está no servidor ou no lado do visitante
- Verifica o TBT para descobrir se o JavaScript está a bloquear a interatividade
- Faz testes separados em telemóvel e em computador
- Compara as tuas pontuações com as das páginas que aparecem acima de ti para as tuas palavras-chave, e não só com referências abstratas
Para um resumo dos limites das Core Web Vitals e de como os motores de pesquisa pontuam as páginas face a eles, lê o artigo sobre o que são as Core Web Vitals.
Como o WEMASY trata o tempo de carregamento da página
O criador de websites do WEMASY foi feito para manter os tempos de carregamento rápidos sem exigir configuração técnica. As imagens carregadas através da plataforma são comprimidas e redimensionadas automaticamente antes de serem servidas. A infraestrutura de alojamento está incluída em todos os planos, por isso os sites não são colocados em ambientes partilhados com tempos de resposta imprevisíveis. A cache está ativa por defeito, e as páginas criadas no WEMASY são estruturadas para manter ao mínimo os recursos que bloqueiam a apresentação.
As pontuações das Core Web Vitals, incluindo LCP, INP e CLS, são visíveis diretamente no painel do WEMASY, com dados de campo de visitantes reais. Isto significa que podes ver como as tuas páginas se comportam face aos limites que importam para o ranking de pesquisa sem fazer testes externos.
Vê o que está incluído no criador de websites WEMASY, ou consulta as opções de planos na página de preços.
Perguntas frequentes
O que é um bom tempo de carregamento da página?
Nas Core Web Vitals, o limite principal é um Largest Contentful Paint abaixo de 2,5 segundos. Na prática, apontar para interatividade total em três segundos numa ligação móvel cobre a maioria dos casos reais. Um carregamento total da página abaixo de cinco segundos em telemóvel é uma referência razoável para a maioria dos websites de pequenas empresas. Com o criador de websites do WEMASY, podes configurar isto diretamente no teu website.
Qual é a diferença entre o tempo de carregamento da página e as Core Web Vitals?
O tempo de carregamento da página refere-se a toda a sequência de medições, desde o primeiro pedido ao servidor até ao último elemento a carregar. As Core Web Vitals são três métricas específicas dentro dessa sequência (Largest Contentful Paint, Interaction to Next Paint e Cumulative Layout Shift) que os motores de pesquisa usam como sinais de ranking. As Core Web Vitals são um subconjunto das medições do tempo de carregamento da página, focado nas partes da experiência de carregamento que mais afetam os visitantes.
Porque é que o tempo de carregamento da minha página é diferente no telemóvel e no computador?
O telemóvel e o computador produzem pontuações diferentes porque os dispositivos móveis usam processadores mais lentos, funcionam com ligações de rede variáveis e têm menos memória do que os computadores. Uma página que carrega em dois segundos numa ligação de banda larga em computador pode demorar quatro ou mais segundos num dispositivo móvel numa rede móvel média. Os motores de pesquisa pontuam o desempenho em telemóvel em separado e dão-lhe mais peso porque a maioria do tráfego web vem de dispositivos móveis.
Qual é a diferença entre dados de laboratório e dados de campo nos testes de velocidade?
Os dados de laboratório vêm de um teste simulado, feito em condições controladas a partir de um local e dispositivo fixos. Os dados de campo vêm de visitantes reais do teu site, medidos nos seus dispositivos, locais e ligações verdadeiros. Os motores de pesquisa usam dados de campo para pontuar as Core Web Vitals, e não os resultados de laboratório. Um site pode parecer rápido num teste de laboratório mas ter fraca pontuação nos dados de campo se os visitantes reais estiverem em ligações ou dispositivos mais lentos, ou geograficamente longe do teu servidor.
O que significa Time to First Byte?
O Time to First Byte (TTFB) é o tempo entre o navegador enviar um pedido ao teu servidor e receber de volta o primeiro byte de dados. É uma medida da rapidez de resposta do servidor. Um TTFB lento atrasa todos os passos seguintes da sequência de carregamento, porque o navegador não consegue começar a apresentar nada até começar a receber dados. Um TTFB acima de 800 milissegundos aponta normalmente para problemas de desempenho do servidor, ambientes de alojamento lentos ou processamento de backend não otimizado.
O tempo de carregamento da página afeta o ranking de SEO?
Sim. Os motores de pesquisa usam as Core Web Vitals, que se baseiam em medições do tempo de carregamento da página, como sinais de ranking. O Largest Contentful Paint, o Interaction to Next Paint e o Cumulative Layout Shift são pontuados com base em dados de visitantes reais e usados para avaliar a experiência da página. As páginas com pontuações no intervalo bom têm vantagem de ranking sobre as páginas com pontuações fracas, sobretudo quando as páginas concorrentes têm qualidade de conteúdo semelhante.