Como conduzir um teste de velocidade para o seu site e o que ele pode lhe dizer

Publicados: 2017-07-01

A velocidade do seu site pode ser um sucesso ou um fracasso quando se trata de taxas de conversão de meta e de oferecer uma experiência positiva ao usuário. Não estamos mais nos dias de discagem - seus visitantes se acostumaram a não precisar esperar que os sites carreguem. Se o seu site está travando, é mais provável do que nunca um usuário voltar ao Google e procurar outra pessoa para responder às suas perguntas, resolver seus problemas ou realizar seus desejos.

Quanto mais tempo leva para o seu site carregar, maior é a probabilidade de um visitante abandonar sua página. Geralmente, dois segundos são citados como o tempo máximo de carregamento aceitável para uma página. Quase metade dos usuários da Internet espera um tempo de carregamento de dois segundos ou menos, e a maioria sairá se o seu site não carregar em três.

Conseqüentemente, seu tempo de carregamento tem um grande impacto em seus resultados financeiros, especialmente se você tiver um site de comércio eletrônico. Um estudo realizado pela Amazon calculou que, se o site carregasse apenas um segundo mais lento do que atualmente, eles perderiam US $ 1,6 bilhão em vendas a cada ano. Mesmo para aqueles de nós que não são Amazon, isso dói: um segundo mais lento, e você pode estar observando uma queda de 7% nas conversões.

Este artigo irá ensiná-lo a testar a velocidade do seu site usando ferramentas de teste de velocidade online gratuitas, como interpretar seus resultados e algumas dicas rápidas para tornar o WordPress mais rápido. Se você estiver usando seu site para gerar leads para sua empresa, vender produtos ou promover sua marca, essa leitura é essencial. Vamos começar!

Ferramentas gratuitas de teste de velocidade de sites

Existem várias ferramentas de teste de velocidade de sites por aí. Qualquer coisa que valha a pena não só dirá quantos segundos seu site leva para carregar, mas também dará sugestões de como melhorar sua “pontuação”.

Vale a pena testar seu site em todos os três testes de velocidade abaixo. Leva apenas um momento, e cada ferramenta pode destacar coisas diferentes que você pode fazer para acelerar seu site.

Teste de velocidade do site Pingdom

Ferramenta de teste de velocidade Pingdom

Talvez a mais conhecida dessas ferramentas, o Pingdom dá a você uma nota de desempenho, compartilha como seu site se compara a todos os outros sites testados e permite que você altere o local de teste para ver como suas velocidades variam ao redor do mundo. O relatório destaca áreas específicas de preocupação e compartilha um gráfico em cascata de quando e como os diferentes elementos da página são carregados.

Google PageSpeed ​​Insights

Google PageSpeed ​​Insights

Outra opção popular, o Google PageSpeed ​​Insights é especialmente excelente para ajudá-lo a solucionar problemas de velocidade em dispositivos móveis. Os resultados são divididos em guias para celular e desktop. Cada guia fornece uma pontuação de 100 e uma lista de otimizações possíveis para tentar.

GTmetrix

Teste de velocidade GTmetrix

GTmetrix é outra ferramenta útil de velocidade. Ele utiliza o Google PageSpeed ​​Insights e o YSlow do Yahoo para fornecer diferentes perspectivas sobre os problemas de velocidade do seu site e fornece algumas das sugestões mais claras de qualquer uma dessas ferramentas.

Interpretando os resultados do seu teste de velocidade

Cada uma das ferramentas de teste de velocidade acima executa seu teste de uma maneira ligeiramente diferente. Entre os três, você provavelmente tem três pontuações diferentes, tempos de carregamento total e sugestões de melhoria.

Lembre-se, o número mágico aqui é de dois segundos e, de preferência, mais rápido do que isso. Se o seu site está demorando mais de dois segundos para carregar, você corre o risco de perder alguns de seus visitantes.

Algumas das sugestões que as ferramentas de velocidade lhe darão serão relacionadas a coisas como otimizar suas imagens, reduzir seu código e usar o cache do navegador. Eles geralmente são classificados por ordem de importância de acordo com a ferramenta de velocidade, portanto, é uma boa ideia começar com a primeira sugestão e ir descendo.

Dicas rápidas para tornar o WordPress mais rápido

Felizmente, no WordPress podemos cuidar de alguns desses problemas de velocidade de página com plug-ins. Para muitos usuários, essa é uma maneira muito mais fácil de lidar com as sugestões fornecidas pelas ferramentas de teste de velocidade do que fazer alterações manuais. Obviamente, adicionar mais plug-ins nem sempre ajuda o tempo de carregamento do seu site, então é uma boa ideia continuar executando os testes enquanto você configura alguns dos plug-ins abaixo para ver se eles ajudam ou prejudicam você.

É claro que instalar mais plug-ins nem sempre ajuda o tempo de carregamento do seu site, então é uma boa ideia continuar executando os testes enquanto você configura alguns dos plug-ins abaixo para ver se eles ajudam ou prejudicam você.

Instale um plugin de cache

Os plug-ins de cache fazem muito mais do que simplesmente salvar versões estáticas de suas páginas para carregá-las mais rapidamente para seus usuários. Bons plug-ins de cache também minimizam seu HTML, CSS e JavaScript, recomendações comuns fornecidas por ferramentas de teste de velocidade. Eles também podem combinar vários recursos CSS em um.

Plug-in WP Fastest Cache

WP Fastest Cache é um plugin de cache gratuito muito popular com 5 estrelas no repositório de plugin do WordPress. Possui uma configuração guiada simples. Se você precisar de configurações mais avançadas e maior controle sobre o cache, outra opção popular é W3 Total Cache.

Se você não se importa em pagar por um plugin de cache, o WP Rocket premium pode produzir resultados impressionantes ao mesmo tempo que é muito fácil de implementar. Na verdade, saiu vencedor em uma comparação de plug-ins de cache que realizei no ano passado.

A maioria dos blogs se beneficiará com o uso de um plug-in de cache, e esses plug-ins abordarão sugestões das ferramentas de teste de velocidade, como "aproveitar o cache do navegador", "reduzir CSS", "reduzir HTML" e "reduzir JavaScript".

Use um CDN

Um CDN, ou Content Delivery Network, fornece aos seus visitantes os arquivos que compõem o seu site a partir do servidor mais próximo a eles. Servindo seus arquivos de vários locais ao redor do mundo, seus visitantes devem experimentar tempos de carregamento consistentemente rápidos, não importa onde eles estejam.

Muitos plug-ins de cache, como os acima, também possuem recursos de CDN, embora sua qualidade varie. Alguns preferem uma solução CDN dedicada, como Amazon CloudFront, Cloudflare ou MaxCDN.

Um CDN é outro ótimo lugar para começar a aumentar drasticamente a pontuação de velocidade da página. Esta é uma boa solução quando um plug-in de teste de velocidade recomenda que você "melhore o tempo de resposta do servidor".

Este artigo do nosso blog contém informações sobre os melhores serviços CDN para WordPress.

Otimize suas imagens

Uma das sugestões mais comuns que essas ferramentas de velocidade fazem é otimizar as imagens do seu site. Normalmente, isso significa que você está exibindo imagens na página que estão sendo dimensionadas dinamicamente para baixo, em vez de serem dimensionadas com as dimensões exatas de que você precisa na página.

Isso pode acontecer por diferentes motivos, mas um comum é mudar os temas do WordPress. Quando você muda de tema, geralmente é necessário regenerar suas imagens, porque o novo tema usa tamanhos diferentes para imagens em destaque e mídia incorporada na postagem. A maneira mais simples de fazer isso é usar um plugin como Regenerate Thumbnails. Você pode instalar este plug-in, usá-lo e removê-lo do seu site.

Plugin de compressão de imagem EWWW

Outra maneira de diminuir o tamanho das imagens é com um plugin como o EWWW Image Optimizer. Este plugin gratuito remove dados desnecessários das imagens conforme você as carrega para torná-las menores em tamanho de arquivo.

Esses plug-ins são ótimos para atender às recomendações de teste de velocidade, como "otimizar imagens" e "servir imagens em escala".

Use Lazy Loading

“Lazy loading” é um recurso projetado para fazer um site carregar mais rápido, apenas carregando os elementos que estão acima da dobra para começar. Conforme você rola, outros elementos são carregados apenas conforme necessário, resultando em menos largura de banda usada e um site totalmente mais rápido.

BJ Lazy Load

Alguns temas farão isso por você, mas se o seu tema não, você pode usar o plug-in gratuito BJ Lazy Load, que cobre tudo, desde vídeos incorporados a miniaturas do Gravatar.

O carregamento lento é uma ótima solução para atender às recomendações de teste de velocidade, como “priorizar conteúdo visível”. Também pode ajudar a acelerar os tempos de carregamento em dispositivos móveis, que costumam ser significativamente piores do que em computadores.

Remover plug-ins lentos e desnecessários

Se você já usa o WordPress há algum tempo, pode ter acumulado vários plug-ins que não usa mais. Talvez eles tenham servido como uma solução única e tenham cumprido seu propósito (como o plug-in Regenerate Thumbnails), ou talvez tenham adicionado recursos de que você simplesmente não precisa mais.

Seja qual for o motivo, vale a pena dedicar alguns minutos e remover todos os plug-ins que não está mais usando. Os plug-ins, como tudo o mais em seu site, usam recursos e, quanto mais coisas você instala, mais recursos estão sendo usados.

Plugin Performance Profiler

Em seguida, tente executar o Plugin Performance Profiler *, um plug-in gratuito da GoDaddy que pode ajudá-lo a determinar quais dos seus plug-ins estão deixando o seu site mais lento. Com essas informações, você pode remover os plug-ins que estão deixando você mais lento ou substituí-los por plug-ins mais eficientes.

Em geral, esse é um bom conselho e o ajudará a melhorar o tempo de carregamento, visando especificamente os plug-ins que estão tornando as coisas mais lentas.

* Uma nota rápida sobre este plugin: não é atualizado há mais de dois anos, o que, normalmente, é algo que recomendamos evitar. Mas parece que ainda funciona. Portanto, teste a seu próprio critério.

Pensamentos finais

Com tantas ferramentas de teste de grande velocidade disponíveis, é rápido e fácil levar alguns minutos para melhorar a experiência do usuário para seus visitantes. Até mesmo economizar um ou dois segundos do tempo de carregamento pode ter um impacto dramático em uma métrica, como taxa de rejeição ou conversões.

Se você já otimizou seu site para velocidade antes, que mudança única você fez que fez a maior diferença em seu tempo de carregamento? Compartilhe suas descobertas nos comentários para que todos nós possamos nos beneficiar.

Imagem em miniatura do artigo por vladwel / shutterstock.com