Mais sentimento por favor ao testar a velocidade do site

Jan Hornung Última atualização em 21.10.2020
6 min.
Velocidade do site
Última atualização em 21.10.2020

O tempo de carregamento de um site é importante. Sem dúvida. Para a experiência do usuário e para a conversão. Mas para o visitante, não é o tempo real de carga que importa, mas a velocidade percebida no site. Porque um usuário experimenta um site sem conhecer as métricas. Portanto, o tempo de carga percebido é um valor importante para otimizar a taxa de conversão e de ricochete. Nós mostramos-lhe como medi-lo de forma fiável.

Todos sabem disso: você descobriu um novo produto excitante ou encontrou o link para um artigo supostamente excitante no blog, clique no link e isso acontece primeiro: nada. A página permanece branca por alguns segundos e depois os componentes da página acumulam-se agonizantemente lentamente. A compra ou o registo para uma newsletter é improvável em tal página.

Os colegas da Kissmetrix já lidaram com a ligação entre o tempo de carregamento de páginas e a taxa de conversão nas lojas há algum tempo atrás. O resultado: cada segundo conta. Porque o visitante médio é impaciente. Um segundo maior tempo de carregamento pode resultar em uma taxa de conversão sete por cento menor. Assim, a cada segundo que sua página leva mais tempo para carregar, você perde vendas.

Um antídoto pode ser o Above the Fold optimization. Isto significa otimizar o tempo de carregamento da área da página que é visível sem rolagem. Esta medida reduz o tempo de carga percebido, o que por sua vez pode levar a melhores taxas de conversão.

Mas como você pode medir corretamente a velocidade percebida da página web? Claro, você pode simplesmente carregar a página em uma aba incógnita e tentar ... bem, sentir a diferença. Ou você pode confiar em uma ferramenta que lhe dá o tempo de carga percebido como um valor tangível e comparável.

A GTmetrix é uma ferramenta. Permite-lhe medir, na minha opinião, o valor mais importante do tempo de carga da sua página e torna-a comparável. É muito fácil de usar e fornece dados de medição valiosos.

Este artigo faz parte de uma série sobre medição do tempo de carga:

  1. Na Parte 1, mostramos porque é que o tipo de dados que um teste fornece é tão importante
  2. Na parte 2 eu mostro porque o popular teste PageSpeed Insights é absolutamente inadequado para comparações de desempenho.
  3. A Parte 3 mostra quais dados você precisa para fazer uma boa comparação de desempenho - por exemplo, após uma mudança de host.

GTmetrix: Muitas recomendações de otimização, histórico de velocidade do site e recurso de vídeo.

O funcionamento do GTmetrix é muito simples: você entra na URL da página a ser testada e a ferramenta cospe o resultado após alguns momentos. A desvantagem:

  • GTmetrix oferece apenas uma localização de servidor, Vancouver
  • GTmetrix testa apenas com Firefox

Isto significa que os resultados de medição da GTmetrix são sempre válidos para um visitante de Vancouver que acessa seu site através de um computador desktop e Firefox. Desde que você trabalhe exclusivamente com GTmetrix para a sua medição de desempenho, isso não afeta os resultados. Mas se você quer saber a rapidez com que a página carrega para os português esvisitantes, você tem que usar outra ferramenta.

GTmetrix dá-lhe quatro grandes pacotes de dados:

  1. A síntese com as análises potenciais e os índices importantes
  2. O diagrama da cascata
  3. A função de vídeo (cobrável)
  4. A análise das séries cronológicas

A característica especial da visão geral: ela fornece os resultados de duas análises potenciais ao mesmo tempo

Nesta síntese, todos os valores chave importantes da sua página são exibidos. Além das análises potenciais do Google (1) e Yahoo (2), você encontrará o tempo de carregamento da página (3), o tamanho da sua página (4) e o número de solicitações HTTP em Detalhes da página. (5)

A propósito, o tempo de carga e os pedidos HTTP são particularmente adequados para a comparação de desempenho de dois sites ou versões de sites.

Meça corretamente a velocidade do site com GTmetrix: Uma visão geral
Sob "Test Server Region" e "Using" é claramente visível: Na versão gratuita GTmetrix usa um servidor no Canadá e o navegador Firefox para determinar a velocidade do site. Para português espáginas esta configuração de teste significa tempos de carregamento mais longos.

Esta síntese inicial também inclui os resultados detalhados das duas análises potenciais PageSpeed Insights e YSlow. Estes mostram exatamente como a página está otimizada até agora e onde ainda há espaço para melhorias. O fato de a GTmetrix usar dois conjuntos diferentes de regras (uma do Google e outra do Yahoo) é louvável. Porque isto oferece-lhe, como utilizador, mais orientação. Se uma medida de otimização é sugerida por ambos os testes, é muito provavelmente uma etapa de otimização importante que vale a pena trabalhar.

A velocidade percebida do site é importante. A visão geral da análise do potencial da GTmetrix mostra onde há potencial para melhorias.
Isto é o que se parece com a análise potencial da GTmetrix. Nada de novo, se você já viu um resultado do Google PageSpeed Insights ou os resultados do YSlow. Através de um dropdown você pode mostrar informações detalhadas sobre os passos individuais.

Na sua secção de ajuda, GTmetrix oferece descrições detalhadas e ajudas de interpretação. Isto torna muito fácil, especialmente para iniciantes, familiarizarem-se com as complexas estruturas de resultados.

O diagrama da cascata é o coração da análise.

Tal como o Pingdom, a GTmetrix apenas revela os dados realmente interessantes no chamado diagrama da cascata. Isto decompõe todos os pacotes de dados carregados (1) em ordem cronológica (2) e com o seu tempo de carregamento (3). Além disso, o tipo de solicitação é exibido (4), se a respectiva solicitação está OK (5) e se o servidor emite um erro (6).

Vista detalhada de um gráfico de cascata da GTmetrix para análise da velocidade do site.
O diagrama da cascata mostra em detalhe quais os factores que têm influência na velocidade do site.

Esta informação detalhada permite-lhe agora fazer comparações razoáveis de desempenho entre duas páginas. Isto torna-se relevante, por exemplo, após uma mudança de hoster ou uma otimização onpage. É importante que as medições sejam sempre feitas a partir de servidores no Canadá e através do navegador Firefox. Se você quiser testar outros parâmetros, você tem que comprar GTmetrix ou usar outra ferramenta, por exemplo webpagetest.org.

A visão detalhada do tempo de carga fornece uma imagem ainda mais precisa dos pacotes de dados individuais e da sua contribuição para a velocidade do site. No exemplo: o primeiro contacto com o nosso servidor. 5 milissegundos são necessários para a pesquisa DNS, 167 milissegundos são necessários para o cliente se conectar ao servidor web, e após 172 milissegundos os primeiros dados são baixados. O longo tempo de espera de um bom segundo é em parte devido à distância geográfica do servidor de teste da localização real do servidor. O teste fornece assim os números para um cliente do Canadá.

Detalhes de um diagrama de cascata para analisar a velocidade do site
Detalhamento do primeiro pedido do navegador para o servidor web.

Principais benefícios da GTmetrix: Análise de séries cronológicas e recurso de vídeo para a percepção do tempo de carga.

No entanto, em comparação com a ferramenta que introduzi há alguns dias, o Pingdom, GTmetrix oferece duas vantagens distintas:

  1. uma análise de séries temporais livres
  2. uma análise de vídeo paga

1) A análise das séries cronológicas

Comparar o tempo de carregamento da sua página durante vários dias ou semanas pode ser muito informativo. Por exemplo, se você otimizar sua página passo a passo ao longo de várias semanas. A função de histórico fornece esta informação de série cronológica (na versão gratuita) para três dimensões: O tempo de carregamento da página, o número de pedidos HTTP e o tamanho da página e os resultados das análises potenciais YSlow e PageSpeed Insights.

Comparação de séries temporais da velocidade do site na GTmetrix
Não mostrado na figura: a análise das séries temporais das análises potenciais. No entanto, estes não são relevantes para a velocidade do site no início.

2) A análise do vídeo - a única indicação real do tempo de carregamento da página percebido infelizmente cobrável

Agora finalmente chegamos à característica que torna a GTmetrix tão valiosa. E também melhor que o Pingdom, por exemplo: a função de vídeo. Em tal vídeo, a estrutura da página é mostrada. Lógico. Mas este simples truque permite obter uma diferenciação clara entre o tempo de carga medido e o tempo de carga de feltro. Infelizmente, a ferramenta só é acessível após o registo na GTmetrix (e provavelmente só após a compra do serviço). Isto não tem de ser assim, porque o webpagetest.org oferece esta função de vídeo gratuitamente, por exemplo.

Conclusão: Uma verdadeira medição profissional precisa de informações sobre o tempo de carregamento percebido.

Para a análise do tempo de carregamento e especialmente a experiência do tempo de carregamento dos usuários, a função de vídeo é elementar. Porque permite comparações em um nível abstraído dos dados nua e crua. Só podemos recomendar testes que permitam a análise de vídeo. Porque em algumas circunstâncias, o tempo de carga medido é bastante elevado, mas o tempo de carga percebido é absolutamente justificável. O valor permite não só compreender melhor como os clientes ou utilizadores percebem a sua oferta, mas também se uma optimização da página com vista ao desempenho vale de alguma forma a pena. Porque sob certas circunstâncias, vale a pena investir mais na otimização da conversão do que no tempo de carregamento da página.

Em suma, GTmetrix é outra boa ferramenta para medir o tempo de carregamento de páginas. Oferece mais algumas informações que o Pingdom, uma vez que a versão gratuita da GTmetrix inclui duas análises potenciais. Os recursos realmente interessantes estão escondidos atrás do paywall, mas eles estão basicamente lá, então você pode entender muito bem o desempenho do seu site com GTmetrix e também monitorar o seu desenvolvimento.

Mas para nós a GTmetrix não é a ferramenta número um das ferramentas gratuitas. Porque pode ser ainda melhor: o webpagetest.org é para nós o não mais-ultra das ferramentas de medição gratuitas. No entanto, a ferramenta também faz as maiores exigências ao usuário.

Você já teve alguma experiência com outras ferramentas de medição que possam fornecer dados ainda melhores?

Membro da equipa RAIDBOXES desde o primeiro momento e chefe de suporte. Ele prefere falar sobre o PageSpeed ​​ e desempenho do site em BarCamps e em WordCamps. A melhor maneira de o subornar é com um café expresso - ou um pretzel da Baviera.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.