O GTmetrix testa uma página e entrega uma nota, métricas e, sobretudo, a cascata (waterfall): a lista de tudo o que a página descarregou, por ordem, com o tempo de cada coisa. A nota é o que toda a gente olha. A cascata é o que mostra o que está de facto a atrasar. Este artigo ensina a ler a segunda. Para as ferramentas em geral, veja medir a velocidade do site.
Antes de ler: as definições do teste
| 1 |
Escolha o local de teste mais perto dos seus visitantes. Um teste feito do outro lado do mundo mede, sobretudo, a distância. As opções disponíveis dependem do tipo de conta da ferramenta.
|
|
| 2 |
Mantenha as mesmas definições em todos os testes que quiser comparar: mesmo local, mesmo dispositivo, mesma ligação.
|
|
| 3 |
Teste duas ou três vezes e fique com o valor do meio. O primeiro teste a uma página em cache é o mais lento.
|
|
Ler a cascata, de cima para baixo
| O que se vê |
O que significa |
O que fazer |
| A primeira linha, com uma longa barra de “espera” |
O documento HTML demorou a começar a responder: é o tempo do servidor. |
Cache de páginas, base de dados, plugins. Veja TTFB alto. |
| Barras compridas em ficheiros de imagem |
Imagens pesadas. |
Reduzir, converter. Veja optimização de imagens e WebP. |
| Uma “escada”: um ficheiro só começa quando o anterior acaba |
Cadeia de dependências: um script chama outro, que chama outro. |
Remover o que não é preciso, juntar ou adiar. |
| Centenas de linhas pequenas |
Pedidos a mais, quase sempre de plugins. |
Desligar plugins que não usa. Veja actualizar temas e plugins sem partir nada. |
| Linhas de outros endereços (anúncios, chat, mapas, fontes) |
Código de terceiros. |
Decidir se compensa ou remover. Estes não dependem do seu servidor. |
| Linhas com erro (404, 500) |
Algo que a página pede e não existe. |
Corrigir o endereço, ou remover o pedido. Cada erro é tempo perdido. |
Clique numa linha ou passe o rato por cima para ver os detalhes do pedido: tempos por fase (ligação, espera, descarga) e cabeçalhos da resposta. É aí que confirma a compressão e a cache do navegador. As linhas verticais coloridas marcam os momentos em que a página começou a desenhar, em que o maior elemento apareceu e em que terminou de carregar.
O que ignorar, ou ler com cuidado
| 1 |
A letra da nota. É uma combinação de verificações, não um tempo. Você pode ter um “A” e uma página lenta para quem está na rede móvel, e um “C” numa página que se sente rápida.
|
|
| 2 |
O tempo de carregamento completo. Inclui scripts que continuam a correr depois de a página estar pronta (chat, estatísticas). Uma página pode parecer pronta muito antes.
|
|
| 3 |
As recomendações que não se aplicam. Algumas dizem respeito a coisas de terceiros ou a ficheiros que não pode mexer. Passe-lhes à frente.
|
|
| 4 |
A comparação com outro site. Os sites são diferentes. Compare o seu consigo próprio: antes e depois.
|
|
|
Um teste não é um facto. Redes, servidores de teste e picos de visitas fazem os números oscilar. Se mudou de plano ou de configuração por causa de um único teste, repita-o primeiro. Veja o que medir antes de mudar de plano.
|
|
Guarde os relatórios. Um relatório de antes e outro de depois são a prova de que uma alteração funcionou. Sem o “antes”, o “depois” não prova nada.
|
|
Percebeu a cascata mas há uma linha que não consegue explicar? Envie-nos o endereço do teste e a linha em causa.
Abrir um pedido de suporte
|
PRODUTO RECOMENDADO Alojamento de sites com cPanel Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 5.940,00 Kz/mês (plano de 3 anos, com cupão) Ver planos |
Português
English
