Conha o GTmetrix e saiba como analisar seu site usando essa ferramenta

Quem tem um site ou blog deve acompanhar algumas métricas de modo regular, o que inclui saber exatamente quantas visitas ocorrem diariamente ou a cada mês, quais posts são mais populares e qual é a taxa de cliques em links, botões e anúncios.

Existe também uma métrica conhecida como bounce rate, ou taxa de rejeição. Você certamente quer manter esse índice o menor possível, não é mesmo? Nesse sentido, existe um fator que tem grande influência no comportamento do visitante, fazendo com que ele permaneça no seu site ou vá embora dele: a velocidade de carregamento.

Afinal, usuários da internet não costumam ter muita paciência para esperar por um longo tempo o carregamento de uma página. Assim, quando sentem que o conteúdo do site está demorando a aparecer, vão embora.

Isso nos leva a uma questão importante: como se faz para descobrir a causa da demora no carregamento do seu blog? Usando uma ferramenta fantástica chamada GTmetrix. Neste conteúdo você vai encontrar os seguintes tópicos:

• O que é e para que serve o GTmetrix?
• Quais são as principais funcionalidades do GTmetrix?
• Quais são as limitações do plano gratuito?
• Como testar o seu site com o GTmetrix?

O que é GTmetrix e para que ele serve?

GTmetrix é uma ferramenta que permite a você conhecer em detalhes o carregamento do seu site ou blog. Ele indica o tempo de download de cada elemento, o que possibilita fazer otimizações, de modo que o usuário tenha a melhor experiência possível no que diz respeito à velocidade.

A ferramenta é gratuita, o que é impressionante, levando em conta a quantidade e a qualidade das funcionalidades oferecidas. Você pode fazer análises sem se cadastrar, embora seja mais vantajoso criar uma conta.

Acontece que, quando você faz login, a ferramenta permite alterar parâmetros da avaliação, além de oferecer a possibilidade de salvar suas análises e até mesmo exportá-las em PDF. Também é possível analisar dois sites ao mesmo tempo, o que permite fazer uma comparação de desempenhos.

O objetivo de tudo isso é fazer seu site carregar mais rápido. Talvez você pense: “Mas que diferença faz uns 5 segundos? Isso é tão pouco!” Parece pouco, mas para um usuário de internet, alguns segundos são quase uma eternidade.

O Google fez uma pesquisa que mostrou a importância de se desenvolver sites mobile-friendly, o que tem a ver com eles poderem ser visualizados com qualidade em dispositivos móveis. O estudo indicou que, para quase a metade dos entrevistados, o que mais causa frustração é o carregamento lento de uma página.

Outro estudo mostrou que dois segundos de atraso no carregamento pode aumentar em até 103% a taxa de rejeição. Além disso, 100 milissegundos — o mesmo que um décimo de segundo — pode reduzir a taxa de conversão em cerca de 7%.

Como se não bastasse o comportamento do usuário, o próprio Google analisa o tempo de carregamento na hora de fazer o rankeamento, o que faz desse fator algo a ser levado em conta em uma estratégia de SEO.

Desse modo, se você está investindo em Marketing de Conteúdo, é essencial cuidar da velocidade de carregamento do seu site, e o GTmetrix pode ajudar muito nisso.

Confira também estes outros conteúdos:
 Stage: a solução para criação de sites de alta performance no WordPress
 Hospedagem cloud: o que é, como funciona e suas vantagens
 12 melhores criadores de site do mercado

Quais são principais as funcionalidades do GTmetrix?

O GTmetrix oferece inúmeras funcionalidades, mas nós separamos as principais, que você pode conferir a seguir.

Pontuação de velocidade

O GTmetrix apresenta a pontuação da velocidade de um site baseada no Google PageSpeed e no Yahoo YSlow, duas ferramentas que calculam o tempo de carregamento.

O resultado é exibido em porcentagem, sendo possível até fazer uma comparação com a média geral dos sites analisados no GTmetrix nos últimos 30 dias. Para isso, basta posicionar o cursor sobre o ícone que fica à direita da pontuação.

Detalhes de carregamento

A quantidade de detalhes apresentados no relatório é incrível. A ferramenta analisa todos os elementos do seu site e apresenta um gráfico em formato de timeline que indica até mesmo o momento do carregamento de cada item.

Recomendações

Uma parte do relatório inclui recomendações do que você pode fazer para otimizar seu site. Elas são organizadas em categorias e, dependendo do nível do seu conhecimento técnico, é possível fazer diversos ajustes para otimizar o tempo de carregamento.

Geração de relatório em PDF

O relatório pode ser exportado em PDF, o que é muito interessante quando você quer compartilhar as informações com um parceiro ou um cliente. A opção fica em um botão vermelho no lado direito da tela:

Teste a partir de várias localidades

Para fazer o teste de carregamento, é possível realizar a simulação a partir de várias localidades. No plano gratuito, há sete países: Estados Unidos, Canadá, China, Reino Unido, Brasil, Austrália e Índia.

Geração de vídeo

Essa funcionalidade é bastante interessante. Ela gera um vídeo do carregamento do seu site e adiciona uma legenda no canto, indicando os principais eventos, como você pode ver nesta imagem:

Quais são as limitações do plano gratuito?

No plano gratuito, você pode fazer no máximo 3 consultas por dia, o que está ótimo se sua intenção é avaliar o desempenho só do seu blog. Por outro lado, para quem tem uma agência e precisa analisar vários sites, um dos planos pagos será um bom negócio, para não ficar limitado a essa pequena quantidade.

No plano gratuito também há uma limitação de 20 URLs que podem ser armazenadas no seu dashboard. Além disso, os planos pagos oferecem um monitoramento permanente do seu site, o que não pode ser feito com a assinatura básica.

Outra funcionalidade que está disponível somente nos planos pagos é o Developer Toolkit, um conjunto de ferramentas para desenvolvedores. Isso permite, por exemplo, simular o carregamento de sites em inúmeros dispositivos móveis, escolher a resolução do aparelho e salvar presets para análises.

Como testar o seu site com o GTmetrix?

Agora que você já tem uma visão geral do GTmetrix, está na hora de aprender a usá-lo. Confira um passo a passo.

1. Crie uma conta

É verdade que você pode usar a ferramenta sem se cadastrar, mas vale a pena fazer isso para ter acesso a mais funcionalidades. Por isso, assim que acessar a página do GTmetrix, caso decida criar uma conta, clique em “SignUp”, no canto superior direito.

Na tela que abrirá, preencha seus dados e clique em “Create an Account”.

2. Faça sua consulta

Depois de fazer login, você será direcionado para o seu dashboard, que terá um caixa de texto onde será digitado o endereço do site a ser analisado. Aqui no exemplo, estamos usando o próprio site do GTmetrix. Depois de digitar essa informação, clique em “Analysis Options” para alterar algumas configurações da consulta.

Ao fazer isso, serão exibidas algumas opções úteis, como você pode ver nesta imagem:

Se seu público-alvo é composto por pessoas que vivem aqui no país, altere a localização na primeira caixa de seleção, intitulada “Test URL in”. Selecione a opção “São Paulo, Brasil”. Na próxima caixa, você pode definir o Chrome ou o Firefox como o navegador a ser usado na simulação.

Também é possível habilitar a opção “Create Video”, que gera um vídeo do carregamento do seu site. Ele permite visualizar a abertura da página e oferece, inclusive, uma legenda que indica o momento dos principais eventos.

Habilitar a opção “Adblock Plus” também é muito interessante. Se você posicionar a opção em “On”, a análise vai desconsiderar os anúncios de terceiros que estão no seu site. Assim, você pode comparar o tempo de carregamento com e sem anúncios para saber o quanto eles estão impactando a abertura da página.

Após fazer essas configurações, clique em “Analyze” para colocar a ferramenta para trabalhar.

3. Analise os resultados

Um resumo da análise aparece no topo da página, como você pode ver nesta imagem:

Nessa tela você vê quais critérios foram usados na consulta, como localidade, navegador e geração de vídeo.

De acordo com o Google PageSpeed, a pontuação da velocidade está em 99%. Do ponto de vista do Yahoo YSlow, é 89%. O tempo para o carregamento completo do site é 2,1 segundos, e o tamanho total do download é 679KB.

Rolando a página, você vê o detalhamento da pesquisa, que é organizada em várias abas:

Perceba que a primeira aba detalha a análise feita pelo Google PageSpeed, e a segunda mostra particularidades apontadas pelo Yahoo YSlow.

A próxima aba, “Waterfall”, oferece um gráfico incrível que mostra o momento em que cada elemento do site é carregado:

Note que é possível até refinar a exibição do gráfico, exibindo informações referentes apenas a HTML, CSS, imagens e assim por diante. Ao posicionar o cursor ou clicar sobre esses itens, informações extras são exibidas, o que enriquece ainda mais a análise.

A aba “Timing” dá diversos detalhes sobre cada etapa do carregamento do site:

Ao posicionar o cursor sobre cada retângulo da linha do tempo, as informações relativas ao evento são apresentadas logo abaixo.

Como mostramos no tópico das funcionalidades, a aba “Vídeo” gera um vídeo do carregamento do site. Por fim, a aba “History” mostra o histórico de desempenho, levando em conta análises que você fez anteriormente.

No meu lateral existe a opção “Compare”. Ao clicar sobre ela, surge uma tela com uma caixa de texto que permite digitar o endereço de outro site para fazer uma comparação de desempenho. Assim como ocorreu na pesquisa inicial, aqui também é possível alterar detalhes da análise:

A tela seguinte coloca o desempenho dos dois sites lado a lado, o que facilita muito a comparação:

A velocidade de carregamento é um aspecto de grande importância em um site. Afinal, se os usuários vão embora muito rápido, toda a sua estratégia de marketing acaba sendo prejudicada, já que ela depende de eles permanecerem e realizarem ações, a fim de se tornarem leads e clientes.

Nesse sentido, o GTmetrix é um grande aliado, uma vez que ele consegue fazer uma análise bastante detalhada do seu site ou blog, permitindo que você faça as otimizações necessárias. Em resultado disso, a experiência do usuário será bem melhor.

É claro que você não vai apenas analisar seu site, já que depois é preciso fazer ajustes. Por isso, confira o artigo “11 principais passos para melhorar a velocidade de carregamento das suas páginas”.