Mais sentimento por favor ao testar a velocidade do site

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

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

Todo mundo sabe disso: você descobriu um novo produto excitante ou encontrou o link para um artigo supostamente excitante no blog, clique no link e ele faz: nada. A página permanece branca por alguns segundos e depois os componentes da página acumulam-se agonizantemente lentamente. Comprar ou assinar uma newsletter é bastante improvável em tal site.

Os colegas da Kissmetrix já há algum tempo que estudam a relação entre o tempo de carregamento de páginas e a taxa de conversão nas lojas. O resultado: cada segundo conta. Porque o visitante médio é impaciente. Assim, um tempo de carga que é um segundo mais longo já pode ser atingido em sete por cento. menor resultado da taxa de conversão. Assim, a cada segundo que o seu site carrega mais tempo, você perde receitas.

Um antídoto pode Acima da Otimização da Pasta ser. Assim, a otimização do tempo de carregamento da área da página visível sem rolagem. Entre outras coisas, esta medida reduz o tempo de carga percebido, o que, por sua vez, pode levar a melhores taxas de conversão.

Mas como se pode medir corretamente a velocidade percebida do site? Claro, você pode simplesmente carregar a página em uma aba incógnita e tentar sentir a diferença para ... bem, você sabe. Ou você pode confiar em uma ferramenta que lhe dá a percepção do tempo de carregamento como um valor tangível e comparável.

GTmetrix é uma tal ferramenta. Permite-lhe medir o que eu penso ser o valor mais importante do tempo de carga do seu site e torna-o comparável. É muito fácil de usar e fornece dados de medição valiosos.

Este artigo faz parte de uma série sobre o tema da 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 teste popular PageSpeed Insightsé absolutamente inadequado para comparações de desempenho
  3. A Parte 3 mostra que dados você precisa para poder fazer uma boa comparação de desempenho - por exemplo, após uma troca de hosters

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

Usar GTmetrix é muito fácil: você entra na URL da página que quer testar e a ferramenta cospe o resultado após alguns momentos. A desvantagem disto:

  • 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 irá dar-lhe quatro grandes pacotes de dados:

  1. A síntese com as análises potenciais e dados-chave 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: fornece os resultados de duas análises potenciais ao mesmo tempo

Nesta síntese, são exibidos todos os dados-chave importantes da sua página. Além das análises potenciais do Google (1) e Yahoo (2), você encontrará o tempo de carregamento da página (3), ou seja, o tempo de carregamento da sua página, 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 carregamento e os pedidos HTTP são particularmente adequados para comparar o 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 primeira visão geral também inclui os resultados detalhados das duas análises potenciais PageSpeed Insights e YSlow. Estes mostram exatamente como o site foi otimizado até agora e onde ainda há espaço para melhorias. O facto de a GTmetrix usar dois conjuntos de regras diferentes (um do Google e outro do Yahoo) é digno de louvor. 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 de potencial da GTmetrix mostra-lhe onde há espaço para melhorias.
Isto é o que as análises potenciais na GTmetrix parecem. Nada de novo, se você já viu um resultado do Google PageSpeed Insightsou os resultados do YSlow. Usando um dropdown, você pode exibir informações detalhadas sobre as etapas individuais.

Na sua secção de ajuda a GTmetrix oferece descrições detalhadas e ajudas de interpretação. Especialmente os iniciantes vão achar muito fácil se familiarizar com as complexas estruturas de resultados.

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

Tal como Pingdom GTmetrix apenas revela os dados realmente interessantes no chamado diagrama da cachoeira. 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, mostra que tipo de chamada é (4), se a respectiva solicitação está ok (5) e se o servidor está dando um erro (6).

Vista detalhada de um diagrama 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 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ê deve comprar GTmetrix ou usar outra ferramenta, por exemplo webpagetest.org.

A visão detalhada do tempo de carregamento 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, 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 da primeira solicitação do navegador para o servidor web.

As vantagens mais importantes da GTmetrix: Análise de séries cronológicas e função de vídeo para percepção do tempo de carregamento

Em comparação com a ferramenta que apresentei há alguns dias, PingdomA GTmetrix oferece duas vantagens decisivas:

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

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 oferece 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 para GTmetrix
Não deve ser visto na figura: a análise das séries temporais das análises potenciais. No entanto, estes não são inicialmente relevantes para a velocidade do site.

2) Análise de vídeo - a única indicação real do tempo de carregamento da página percebido está infelizmente sujeito a uma taxa

Agora finalmente chegamos à funcionalidade 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. Logicamente. Mas este simples truque permite obter uma diferenciação clara entre o tempo de carregamento medido e o tempo de carregamento de feltro. Infelizmente, a ferramenta só é acessível após o registro no GTmetrix (e provavelmente também após a compra do serviço). Isto não tem que ser, porque 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 carga percebido.

A função de vídeo é elementar para a análise do tempo de carregamento e especialmente a experiência do tempo de carregamento dos usuários. Ele permite comparações num nível abstraído dos meros dados. Só podemos recomendar testes que permitam a análise de vídeo. Porque sob certas circunstâncias o tempo de carga medido é bastante elevado, mas o tempo de carga percebido é absolutamente justificável. O valor não só lhe permite compreender melhor como os clientes ou utilizadores percebem a sua oferta, mas também se vale a pena optimizar uma página em relação ao desempenho. Pode valer 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 da página. Ela oferece mais informações do que o Pingdom, já que a versão gratuita da GTmetrix inclui duas análises potenciais ao mesmo tempo. Os recursos realmente interessantes estão escondidos atrás da barreira de pagamento, mas eles estão lá em princípio, então com GTmetrix você pode entender muito bem o desempenho do seu site e também monitorar o seu desenvolvimento.

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

Você já teve experiência com outras ferramentas de medição que podem 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 * .