Como testar a velocidade de um site

Por que testar a velocidade do site?

Quando os fabricantes de automóveis desenvolvem um novo modelo de carro, ele pode acelerar rapidamente e dirigir suavemente no papel, mas o fabricante não pode saber quão bem o carro realmente funciona até que um piloto de teste o leve para a pista. Da mesma forma, a performance de um site em um ambiente de teste local nem sempre é uma boa indicação de como ele funcionará na internet mais ampla, que abrange uma variedade de condições de rede e em vários locais.

Os testes de velocidade do site visam simular as condições do mundo real e fornecer dados sobre a performance real de um site. Um teste de velocidade de um site deve permitir que os desenvolvedores saibam não apenas a velocidade de seu site ou aplicativo, mas também quais elementos da página estão causando lentidão.

Por quê a velocidade de um site é importante?

Sites que têm uma performance ruim podem frustrar os usuários, afugentando-os. O desempenho lento do site tem impacto negativo nas classificações de busca (ou SEO), taxas de conversão e na experiência do usuário em geral.

Como os desenvolvedores podem testar a velocidade de seus sites?

Uma série de organizações, incluindo a Cloudflare, oferecem testes de velocidade do site. Muitos testes de velocidade são capazes de identificar elementos individuais de uma página web que estão diminuindo a velocidade da página, além de fornecer métricas de desempenho.

Além da velocidade de teste, a Cloudflare também oferece gratuitamente serviços de CDN, que podem aumentar o desempenho do site e reduzir a latência.

Que métricas de performance um teste de velocidade do site fornecerá?

O teste básico de velocidade da Cloudflare mede o seguinte:

• Tempo de carregamento: o tempo que um navegador web leva para terminar de baixar e exibir a página web (normalmente medido em milissegundos).
• Tempo Decorrido até o Primeiro Byte (TTFB): tempo decorrido até o navegador receber o primeiro byte de dados do servidor web (medido em milissegundos).
• Solicitações: o número de solicitações HTTP para recursos que um navegador tem que fazer para carregar totalmente a página.

Nem todos os provedores de testes de velocidade quebrarão a velocidade do site usando as mesmas métricas de performance. Outras métricas de performance incluem:

• DOMContentLoaded (DCL): mede o tempo que leva para que o código HTML completo da página seja carregado; imagens, arquivos CSS e outros ativos não precisam ser carregados.
• Tempo para carregar acima da dobra: "acima da dobra" se refere à área de uma página web que se encaixa em uma janela do navegador sem que o usuário precise rolar para baixo.
• Primeira Exibição de Conteúdo (FCP): o momento no qual o conteúdo começa a ser “pintado” ou renderizado pelo navegador. Pode ser qualquer aspecto da página, incluindo texto, imagens ou cores de fundo diferentes de branco.
• Tamanho da página: o tamanho total do arquivo com todo o conteúdo e ativos que aparecem na página.
• Viagens de ida e volta: essa métrica conta o número de viagens de ida e volta necessárias para carregar a página web. Quando uma solicitação HTTP viaja todo o caminho de um navegador até o servidor de origem e a resposta em HTTP do servidor faz todo o caminho de volta, isso constitui uma viagem de ida e volta.
• Viagens de ida e volta com bloqueio de renderização: uma subcategoria das viagens de ida e volta. "Bloqueio de renderização" se refere a recursos que precisam ser carregados antes que qualquer outra coisa possa ser carregada.
• Tempo de ida e volta (RTT): tempo consumido pela viagens de ida e volta.
• Recursos de bloqueio de renderização: determinados recursos, como arquivos CSS, impedem que outras partes da página sejam carregadas se ainda não tiverem sido carregados. Quanto mais recursos de bloqueio de renderização uma página web tiver, maiores as chances de o navegador não conseguir carregar a página.