Todo site deve carregar o mais rápido possível. No entanto, para obter um excelente desempenho do site, você precisa estar sempre atento. Isso significa monitorar o desempenho do site, fazer alterações para melhorá-lo e garantir que cada página ofereça a melhor experiência possível ao usuário.

O WebPageTest pode ajudar você com isso. Com essa ferramenta, você pode executar testes de velocidade para qualquer página do seu site. Os relatórios de teste incluem informações sobre as alterações que você pode fazer para melhorar o desempenho, bem como dados históricos para ver se o seu site está se saindo melhor ou pior do que antes. Todas essas informações estão disponíveis gratuitamente.

Neste artigo, examinaremos mais detalhadamente o WebPageTest e como você pode se beneficiar dele. Também mostraremos a você como executar testes e interpretar os resultados, discutiremos os prós e os contras de usar a ferramenta e falaremos sobre preços. Vamos lá!

O que é WebPageTest?

O WebPageTest é uma ferramenta avançada e de código aberto criada para ajudar os proprietários e desenvolvedores de sites a monitorar e otimizar o desempenho de seus sites:

WebPageTest
WebPageTest

Ele fornece uma análise abrangente que inclui tempos de carregamento, velocidade de renderização e uso da rede. Você também obterá uma análise detalhada dos elementos individuais da página, o que permite identificar gargalos e áreas de melhoria.

Lançado em 2008, o WebPageTest é um dos mais antigos serviços de teste de desempenho para sites. No início, ele servia como uma ferramenta de teste interna da AOL (sim, é tão antigo assim).

Logo depois, o WebPageTest foi lançado sob uma licença de código aberto. Em 2011, o site do serviço foi lançado.

Desde então, ele expandiu seu conjunto de ferramentas. Agora, ele também oferece testes para dispositivos móveis e uma API que permite que você integre os testes aos seus próprios projetos.

Principais funcionalidades do WebPageTest:

  • Testes simulados de diferentes locais em todo o mundo
  • Suporte a uma variedade de navegadores, incluindo Chrome, Firefox e Safari
  • Análise da renderização da página da Web e do processo de carregamento, incluindo gráficos em cascata e filmes
  • Configurações de teste personalizáveis, como velocidade de conexão e resolução de tela
  • Métricas avançadas, incluindo Speed Index, Time to First Byte (TTFB) e First Contentful Paint (FCP)

Você pode usar o WebPageTest gratuitamente. O serviço oferece uma camada gratuita que permite que você execute centenas de testes por mês e obter resultados detalhados.

Por que você deve usar o WebPageTest

muitos serviços de desempenho de sites disponíveis. Muitos deles são gratuitos e os dados que você obtém dependem muito do serviço que você usa.

No entanto, o WebPageTest oferece muito mais benefícios do que as ferramentas comuns. Vamos dar uma olhada em alguns deles:

  • Identifica problemas de desempenho. O WebPageTest ajuda você a identificar possíveis gargalos e áreas de melhoria, permitindo que você faça otimizações direcionadas no seu site.
  • Melhora a experiência do usuário. Os sites com carregamento mais rápido proporcionam uma melhor experiência do usuário, o que pode levar a um maior engajamento do visitante e conversões. Os visitantes talvez não percebam que seu site carrega rápido, mas perceberão se estiver lento.
  • Aumente a classificação nos mecanismos de pesquisa. A velocidade do site é um fator de classificação para mecanismos de pesquisa como o Google, e sites mais rápidos tendem a ter uma classificação mais alta nos resultados de pesquisa.
  • Monitore o desempenho ao longo do tempo. Os testes regulares com o WebPageTest permitem que você acompanhe as tendências de desempenho e identifique quaisquer regressões antes que elas se tornem problemas graves. Você pode monitorar dados de desempenho de mais de um ano usando o plano gratuito, o que é mais do que suficiente para identificar tendências.

Além disso, o WebPageTest apresenta os resultados de forma clara. Isso é incrivelmente valioso se você for novo no mundo dos testes e da otimização de desempenho:

Resumos de desempenho do WebPageTest
Resumos de desempenho do WebPageTest

Além desses breves resumos, você obterá alguns números concretos relacionados ao desempenho do seu site. Na próxima seção, mostraremos a você como interpretar esses resultados.

Acreditamos que todos deveriam usar ferramentas de teste e monitoramento do desempenho da página. Isso é particularmente importante se você fizer grandes alterações em seu site, como atualizações de design e funcionalidade ou migração para um novo provedor de hospedagem. A execução de testes regulares, juntamente com outras estratégias de otimização, como o uso de um CDN (Content Delivery Network), ajudará você a manter seu site em ótima forma.

Como usar o WebPageTest

Executar um teste usando o WebPageTest é simples. Para começar, você precisará se inscrever em uma conta gratuita, que não exige que você insira informações de pagamento.

Quando você estiver conectado, volte à página inicial e procure a opção Iniciar um teste de desempenho do site. Digite a URL da página que você deseja testar e selecione uma configuração:

Iniciando um teste no WebPageTest
Iniciando um teste no WebPageTest

Para obter os resultados mais abrangentes, recomendamos que você execute testes em dispositivos móveis e em computadores. Além disso, você deve usar o local de teste mais próximo do servidor do seu site para que os resultados não sejam distorcidos pela distância.

Se nenhuma das localizações padrão funcionar para o seu teste, selecione a opção Advanced Configuration (Configuração avançada). Isso permitirá que você escolha entre outros locais de teste e inserir parâmetros avançados:

Defina suas configurações
Defina suas configurações

Quando você estiver satisfeito com as configurações, clique em Start Test (Iniciar teste). Os resultados levarão alguns segundos para serem gerados e, depois disso, você terá acesso a um relatório de desempenho detalhado.

Como interpretar os resultados do WebPageTest

Um dos maiores problemas com ferramentas como o WebPageTest é que elas fornecem muitas informações após a execução de um teste. Isso não é um problema se você souber em quais métricas deve se concentrar. No entanto, pode ser intimidador se você estiver usando o serviço pela primeira vez.

Quando se trata de interpretar resultados, sugerimos que você se concentre em três áreas principais dos relatórios do WebPageTest. A primeira é a seção Performance Summary, que fornece uma visão geral dos resultados do seu site. Ela mostrará a você a situação do seu site em termos de desempenho, usabilidade e resiliência:

Oportunidades e experimentos
Oportunidades e experimentos

Você pode clicar nos ícones abaixo de cada categoria para ver mais informações. Cada categoria incluirá detalhes sobre os elementos testados e os resultados. Se houver um problema com o site, o relatório mencionará qual elemento o causou e fornecerá recomendações sobre como corrigi-lo:

Largest Contentful Paint
Largest Contentful Paint

Quando você retornar à página principal do relatório, role a tela para baixo até a seção Page Performance Metrics. Aqui, você encontrará várias métricas que mostram o tempo que o site leva para carregar e se tornar funcional:

Métricas de desempenho da página
Métricas de desempenho da página

Se você não tiver certeza do que cada uma dessas métricas significa, aqui está um resumo rápido:

  • Tempo para o primeiro byte (TTFB). Essa métrica mede o tempo que o site leva para responder à solicitação inicial do navegador. Servidores lentos podem demorar um pouco para responder, aumentando o tempo total de carregamento do site.
  • Start render. Isso informa a você quanto tempo leva para a página começar a exibir elementos visuais. O site pode estar sendo carregado em segundo plano, mas até que os usuários vejam algo, eles podem não saber se a página está funcionando corretamente.
  • Primeiro Contentful Paint (FCP): Esse é o tempo que o navegador leva para renderizar a primeira parte do conteúdo da página. Um FCP menor indica um site de carregamento mais rápido.
  • Speed index. Uma pontuação composta que representa a velocidade com que o conteúdo da página fica visível para os usuários. Quanto menor a pontuação, melhor.
  • Largest Contentful Paint (LCP). Essa métrica informa a você quanto tempo leva para renderizar o maior elemento de uma página. Em geral, é um bom indicador do tempo de carregamento geral da página.
  • Cumulative Layout Shift (CLS). Esta pontuação indica quanto o layout de uma página “se move” ou muda à medida que é carregada. Quanto mais se mover, pior será a experiência do usuário. Zero é o número que você deve visar aqui.
  • Total blocking time. Com essa métrica, você pode ver quanto tempo leva antes que a página se torne utilizável. Ela pode ter concluído a renderização visualmente, mas a página pode estar carregando scripts em segundo plano, o que impede os visitantes de usá-la.

Continuando, a seção Real-World Usage Metrics (Métricas de uso no mundo real) mostra uma visão geral das mesmas métricas em comparação com dados de teste recentes de outros usuários (se estiverem disponíveis). Para ter uma visão completa do desempenho do seu site, sugerimos que você compare essas métricas com a seção anterior Page Performance Metrics (Métricas de desempenho da página).

O ideal é que os resultados da última seção sejam semelhantes ou melhores:

Métricas de uso no mundo real
Métricas de uso no mundo real

Por fim, recomendamos que você analise o gráfico em cascata, que mostra o processo de carregamento de cada elemento da página. Isso pode ajudar você a identificar recursos específicos que estão causando atrasos ou que poderiam ser otimizados para um melhor desempenho.

Após identificar as áreas que podem ser melhoradas, você pode fazer alterações específicas no seu site, como otimizar imagens, reduzir arquivos CSS e JavaScript ou implementar o armazenamento em cache.

Você deve usar o WebPageTest para sua empresa?

Se você tiver um site, deverá executar testes de desempenho regulares para garantir que ofereça uma boa experiência ao usuário. Você pode usar a ferramenta de desempenho que preferir, mas analisaremos os motivos pelos quais recomendamos o WebPageTest.

Para que você tenha uma visão completa, também falaremos sobre os contras de usar o serviço.

Prós do WebPageTest

  • Análise abrangente. O WebPageTest fornece informações detalhadas sobre o desempenho do seu site, facilitando a identificação das áreas que precisam ser melhoradas.
  • Testes personalizáveis. A ferramenta suporta uma variedade de navegadores, locais e configurações de teste, permitindo que você simule diferentes experiências de usuário. Você pode personalizar as configurações de teste o quanto quiser ou usar as opções padrão fornecidas pelo serviço se quiser ter uma visão geral rápida.
  • Gratuito e de código aberto. Somos grandes fãs de software de código aberto, portanto, essa é uma vantagem de usar o WebPageTest. Embora o serviço ofereça um nível premium, o plano gratuito é mais do que suficiente para a maioria dos sites.
  • Dados históricos de desempenho. Com o WebPageTest, você tem acesso a 13 meses de dados de teste para todos os sites em que usar o serviço. Essas informações são mais do que suficientes para você monitorar as tendências de desempenho da maioria dos sites.
  • Recomendações de melhoria de desempenho. O WebPageTest fornece recomendações ou “oportunidades” para melhorar o desempenho do site, dependendo dos problemas que ele detectar em seu site. Essas recomendações incluem explicações de por que cada alteração é importante.

Contras do WebPageTest

  • Necessidade de registro. Embora o WebPageTest ofereça um plano gratuito abrangente, você deve se inscrever no serviço para executar testes. No entanto, o serviço não solicita que você forneça informações de pagamento durante o processo de inscrição.
  • Curva de aprendizado. O WebPageTest fornece uma grande quantidade de dados, o que pode ser esmagador para os usuários novos na otimização do desempenho da internet. No entanto, em comparação com outras ferramentas semelhantes, a curva de aprendizado é muito mais suave com o WebPageTest.
  • Automação limitada. Embora seja possível automatizar o WebPageTest por meio de sua API, talvez você precise de mais conhecimentos de configuração e codificação em comparação com outras ferramentas com recursos de automação incorporados.
  • Não há instruções para melhorias de desempenho. Isso é algo comum entre as ferramentas de teste de desempenho de sites. Com o WebPageTest, você recebe recomendações diretas de oportunidades para melhorar o desempenho do seu site. No entanto, essas recomendações não vêm com instruções de como implementá-las. Isso significa que você precisará pesquisar sobre tópicos como adiar a execução de JavaScript que bloqueia a renderização ou outros tópicos técnicos avançados.

Preços do WebPageTest

O WebPageTest oferece planos gratuitos e premium. O plano gratuito permite que você execute 300 testes por mês. Além disso, a plataforma armazena 13 meses de dados de teste para usuários gratuitos e premium:

Modelo de preços
Modelo de preços

Em termos de vantagens, os usuários do plano premium podem executar mais testes. Você também terá prioridade no caso do serviço estar no limite da capacidade (o que não é comum). Além disso, se você quiser obter acesso à API do WebPageTest, precisará pagar por um plano premium.

Como o WebPageTest se compara a outras ferramentas de teste de velocidade de sites

Como mencionamos anteriormente, há muitas outras opções de ferramentas de teste de velocidade de sites. Duas das alternativas mais populares do WebPageTest são o Google PageSpeed Insights e o Pingdom Tools.

Vamos ver como o WebPageTest se compara às duas opções.

Google PageSpeed Insights

Desenvolvida pelo Google, essa ferramenta fornece uma pontuação de desempenho simples e oferece recomendações de otimização específicas. Os resultados são detalhados de forma semelhante quando comparados com o WebPageTest.

No entanto, o WebPageTest examina cada página várias vezes durante cada execução. Além disso, ele permite que você execute testes personalizados, que é um recurso que o PageSpeed Insights não oferece.

Pingdom Tools

Essa ferramenta é perfeita se você quiser executar testes rápidos com uma opção decente de servidores. Ao contrário do PageSpeed Insights ou do WebPageTest, o Pingdom não fornece uma análise detalhada das oportunidades de melhoria ou dos problemas com seu site. Em vez disso, você terá uma visão geral do desempenho do seu site por meio de números, o que pode ser tudo o que você precisa de vez em quando.

Em nossa experiência, você pode obter os melhores resultados de desempenho executando testes regulares usando diferentes ferramentas. No entanto, se você for usar um único serviço, o WebPageTest poderá fornecer os resultados mais abrangentes em comparação com alternativas como o PageSpeed Insights e o Pingdom Tools.

Resumo

 

O monitoramento do desempenho é essencial se você quiser manter o seu site funcionando em ótima forma. Isso significa que você deve realizar testes de velocidade regularmente e tomar medidas para melhorar os tempos de carregamento.

Embora existam várias ferramentas que você pode usar para monitorar o desempenho da página, recomendamos o WebPageTest. O serviço é gratuito e fornece relatórios detalhados. Além disso, você pode armazenar dados de teste por até 13 meses, o que significa que você pode ter uma visão geral do desempenho do seu site ao longo do tempo.

Na Kinsta, somos obcecados por velocidade! Nossos clientes observam um aumento de velocidade de até 20% simplesmente ao migrarem para nosso serviço de hospedagem. Oferecemos a você 37 centros de dados que você pode escolher, e nosso CDN tem 260+ POPs. Entre em contato conosco para saber mais!

Jeremy Holcombe Kinsta

Editor de Conteúdo & Marketing na Kinsta, Desenvolvedor Web WordPress e Escritor de Conteúdo. Fora do universo WordPress, eu curto praia, golfe e filmes. Também enfrento problemas de gente alta ;).