A velocidade do site é a base da experiência do usuário. Se a página carregar em mais de três segundos, o visitante poderá seguir em frente e você perderá a chance de realizar uma conversão. Portanto, nenhum proprietário de site WordPress pode ignorar a velocidade do site. Além da experiência do usuário, verifique também a velocidade do site, pois esse é um sinal importante no ranqueamento na SERP. Na verdade, a velocidade de carregamento da página está entre os poucos sinais de classificação do Google SERP abertamente aceitos. A velocidade do site também é essencial para melhorar a taxa de rejeição e aumentar o tempo da sessão.

Agora, vamos supor que você fez a otimização para mecanismo de buscas (SEO) e o marketing corretamente e, como resultado, o site tem um tráfego digno de orgulho. Mas e se todos os seus esforços forem por água abaixo devido ao carregamento lento das páginas da web?

Você perderá sua classificação no mecanismo de pesquisa e, mais importante, perderá clientes em potencial que preferem um site de carregamento rápido e perfeito.

Verifique a velocidade do site se você leva a sério o desempenho do seu site e a maneira mais fácil de conduzir esses testes de velocidade é usando as ferramentas de teste de velocidade WordPress online.

Por que a velocidade da página é importante?

Uma ótima experiência do usuário só é possível se a página carregar em menos de três segundos. Um rápido carregamento do conteúdo da página e as imagens valorizam a experiência de usuário e as pessoas tendem a interagir mais quando não são incomodadas pela velocidade da página ruim.

Muitos proprietários de sites frequentemente ignoram a velocidade de carregamento da página porque não testam seus sites regularmente. Na verdade, a velocidade de um site é avaliada logo depois de ser carregado pela primeira vez. Depois disso, poucos proprietários de sites testam seus sites e contam com os comentários do usuário para corrigir problemas relacionados à velocidade.

A velocidade de carregamento da página afeta diretamente a taxa de rejeição do site, pois os usuários geralmente não clicam em links internos em uma página devido à baixa velocidade de carregamento da página. Além disso, a velocidade de carregamento da página é um fator importante quando se trata de aumentar o tempo médio da sessão. As páginas de carregamento rápido incentivam os visitantes a interagir mais com o site e a se aprofundar nos recursos relacionados mencionados nas páginas. Como resultado, o usuário se apega mais ao site e aumenta as chances de conversão.

Todos esses fatores são importantes para construir e reter a imagem de sua marca e dar a você uma vantagem competitiva no mercado.

Quais ferramentas de teste de velocidade de site utilizar?

Até agora, estabelecemos a importância de verificar a velocidade do site. Para entender como essas ferramentas contribuem para a avaliação de desempenho do seu site, é importante entender os seguintes parâmetros que essas ferramentas analisam.

Observação: um dos fatores mais importantes que afetam o desempenho do site é o provedor de hospedagem que hospeda o site. Se o provedor de hospedagem corrige e atualiza regularmente o servidor, o site terá um ótimo desempenho nos testes de velocidade do site.

Tempo para o primeiro byte (TTFB)

Time to First Byte (TTFB) é o tempo que um servidor web leva para começar a responder à solicitação enviada pelo navegador. Ele está diretamente conectado à latência do provedor de hospedagem e ao servidor real em que seu site está hospedado.

Vários provedores, como Cloudways, usam uma pilha avançada para superar o problema de latência no nível do servidor. Hospedar seu site no data center mais próximo do seu público-alvo também ajuda na redução do TTFB.

Uma Rede de Distribuição de Conteúdo (CDN) é outra forma de melhorar o TTFB do site WordPress. Essa rede fornece conteúdo estático do site a partir do servidor mais próximo do cliente solicitante. Isso remove os problemas de latência causados ​​pela distância entre o servidor e os clientes.

Observe que o CDN funciona melhor para sites com um público verdadeiramente global. Se seu público for localizado, você pode não aproveitar o impacto total de uma integração de CDN com seus sites WordPress.

JavaScript e CSS de bloqueio de renderização

Uma página web contém CSS para estilo e JavaScript para funcionalidades client-side. Esses recursos são essenciais para o bom funcionamento do site. No entanto, o Google recomenda gerenciar este recurso de uma forma que não afete a experiência geral do usuário.

Render-Blocking é realizado gerenciando as solicitações para recursos específicos. No caso de buscar um arquivo JS externo, ele deve ser alinhado com o HTML. Isso reduz o número de solicitações enviadas a um servidor externo. No caso de arquivos CSS, é melhor reduzir/mesclar para alinhá-los com HTML. Esse processo permite economizar acessos ao servidor externo pelo navegador do usuário. Além disso, otimize o CSS reduzindo o número de arquivos CSS.

Minificação

A minimização é outro parâmetro que a maioria das ferramentas de teste de sites destaca. Minificação é o processo de redução do tamanho dos arquivos CSS e JS eliminando comentários, espaços em branco e caracteres de nova linha. Certifique-se de fazer um teste antes de aplicar em um site em produção, pois CSS é o principal responsável por quebrar o site se não for implementado corretamente.

Solicitações HTTP

HTTP é um protocolo de transferência usado quando uma solicitação é feita por um cliente e a resposta é enviada pelo servidor. As solicitações HTTP são acionadas para todas as chamadas dinâmicas, e o número dessas solicitações somam um impacto negativo na velocidade de carregamento da página da web.

Essas solicitações HTTP podem ser tratadas e otimizadas para velocidade por:

• Combinar arquivos CSS e JS (quando possível) para reduzir o número de chamadas HTTP.
• Usando código JavaScript inline (no caso de pequenos scripts)
• Usando CSS sprites

Evitando plugins de terceiros desnecessários, pois eles geram solicitações HTTP para buscar informações / dados do servidor

As melhores ferramentas de teste de desempenho de sites em WordPress

1. Google Page Speed ​​Insights

O PageSpeed ​​Insights do Google é uma ótima ferramenta que verifica a velocidade do site para avaliar o desempenho do site em vários parâmetros. Esta ferramenta gratuita pontua as versões para desktop e móvel em velocidade e desempenho. A pontuação para a versão móvel é particularmente importante devido ao aumento do tráfego móvel que os sites recebem atualmente.

O primeiro conjunto de barras horizontais de três cores representa o FCP (First Contentful Paint), que significa o tempo que o site leva para imprimir o conteúdo na tela. No cenário acima, o site carregou 65% do conteúdo da página em menos de 1,1s. A segunda barra representa DCL (DOMContentLoaded) que mostra quando o DOM está pronto.

Na mesma página, também sugere as possíveis otimizações do usuário e os locais para melhores resultados como otimização de imagem, minificação de JS e CSS e cache do navegador.

2. GTmetrix

GTmetrix é outra ferramenta gratuita para verificar a velocidade do site. A ferramenta se tornou muito popular na comunidade WordPress por causa dos relatórios de desempenho detalhados. Eu recomendo criar uma conta gratuita que libera várias opções de personalização para o teste de desempenho do site.

Você pode definir uma localidade de servidor para realizar os testes entre os sete disponíveis com a conta. Além disso, você pode selecionar Firefox ou Chrome (desktop ou celular) como o navegador de teste. Você também pode selecionar o tipo de conexão à Internet, que inclui a opção 3G.

O scorecard do GTmetrix é composto por duas seções: guias superiores e lista inferior. As guias superiores exibem a pontuação geral de velocidade da página, Pontuação YSlow que lida principalmente com a estrutura do front-end do seu site, tempo de carregamento, tamanho da página e número de solicitações.

A lista inferior fornece insights de desempenho em detalhes. É ainda dividido nas guias PageSpeed, YSlow, Waterfall, Timings, Video e History respectivamente. Cada um contém uma visão útil e informa exatamente onde reside o problema.

A aba Waterfall é uma representação gráfica de quanto tempo cada elemento leva para carregar. Você também pode expandir os detalhes do elemento para diagnósticos avançados.

A guia Histórico mostra seus resultados anteriores em um formato gráfico para o mesmo site. Além do gráfico de tempo de carregamento de HTML/página mostrado abaixo, você pode ver “Tamanhos de página e contagens de solicitações” e “Velocidade de página e pontuações YSlow” em formato gráfico.

3. Pingdom

Pingdom Tools é uma excelente ferramenta para verificar a velocidade de um site, pois permite escolher servidores de teste em sete locais diferentes. No entanto, para contas gratuitas, não há opção de selecionar o navegador ou a velocidade de conexão, uma séria desvantagem das Ferramentas Pingdom.

A ferramenta atribui uma nota de desempenho de 100 para seu site com tempo de carregamento e tamanho de página mostrado pela análise. Uma característica única é que mostra o percentual do seu site, em relação ao desempenho, em comparação com todos os outros sites testados nesta plataforma.

A lista em forma de cascata mostra muitos detalhes de cada requisição.

Ao contrário de outras ferramentas, o Pingdom Tools não depende dos indicadores Page Speed ​​ou YSlow; ele usa suas métricas para medir o desempenho do seu site. Cada elemento tem detalhes expansíveis disponíveis.

Do jeito que eu vejo essa ferramenta, o melhor recurso é a guia Análise da Página. Mostra o tempo gasto por estado (esperar, conectar, receber, etc.), o tempo gasto por tipo de conteúdo (imagem, script, HTML, etc.) e o tempo gasto por domínio. Essas informações costumam ser uma grande ajuda na identificação dos elementos da página que aumentam o tempo de carregamento geral da página.

Você também pode ver os gráficos Tempo de carregamento da página, Tamanho da página e Contagem de solicitações e Pontuação da velocidade da página na guia Histórico.

4. WebPageTest.org

WebPageTest.org é uma excelente ferramenta para verificar a velocidade do site. Além da análise do tempo de carregamento, você também pode executar um traceroute ICMP em seus sites.

Para a análise do tempo de carregamento, você tem muitas opções que abrangem a América do Norte e do Sul, Europa e Ásia para a localização do servidor de teste. As opções do navegador são IE 11, Chrome, Canary e Firefox. Ele também oferece suporte a dispositivos móveis para Android e iOS.

As configurações avançadas desta ferramenta de percepção de velocidade da página permitem que você grave o vídeo da renderização, escolha um tipo de conexão, capture o log da rede e você pode até inserir seu script personalizado!

Como as ferramentas GTmetrix e Pingdom, esta ferramenta também dá notas, mas em parâmetros diferentes. Outros detalhes incluem o tempo de carregamento, tempo até o primeiro byte, uma série de solicitações do documento completo e a página está totalmente carregada.

A visualização em cascata é um pouco menos detalhada do que a versão GTmetrix, pois você não pode expandir elementos individuais.

No entanto, WebPageTest cobre essa lacuna com outro recurso gráfico interessante. Ele mostra um gráfico baseado no tempo de utilização da CPU e largura de banda.

Outro gráfico técnico e altamente útil é a Visualização de conexão. Você pode usar esta ferramenta para descobrir se é a conexão inicial, o conteúdo DOM ou o tempo de carregamento, o que mais contribui para o seu tempo total de carregamento.

A página Divisão de conteúdo apresenta um gráfico em pizza da composição de sua página por vários elementos.

4. YSlow

YSlow é a ferramenta de teste da web para verificar a velocidade do site desenvolvida pelo gigante da tecnologia Yahoo! Para usar esta ferramenta, você deve instalar a extensão do navegador que está disponível para todos os principais navegadores da web. Visite o site e baixe a extensão.

A ferramenta testa seu site em 23 fatores que são as principais métricas de desempenho do site.

O boletim YSlow se parece com isso. Como de costume, você tem sugestões para melhorar o desempenho do WordPress.

YSlow não possui o recurso de lista em cascata. No entanto, ele contém as informações de divisão de conteúdo e componentes. Em nossa opinião, é melhor você experimentar GTmetrix se quiser medir seu site nas regras do YSlow.

5. New Relic

New Relic é uma ferramenta de gerenciamento de desempenho de aplicativos (APM). É uma ferramenta de última geração para monitorar seu site para várias métricas de desempenho. Essa ferramenta destaca todos os principais problemas que estão deixando seu site mais lento.

O painel do APM da New Relic contém guias para diferentes relatórios. A guia específica do WordPress é útil para usuários do WordPress, pois oferece uma visão geral detalhada de sua atividade relacionada ao WordPress, que inclui plugins, temas e recursos externos agindo em seu site WordPress.

Outros insights úteis incluem monitoramento de banco de dados, que ajuda a identificar e analisar o comportamento do banco de dados e a eficácia com que ele lida com as consultas, e o Acordo de Nível de Serviço (SLA), que mostra o comportamento e o desempenho do seu site em um período específico. Podemos compará-lo para analisar as principais métricas de desempenho ideal nas horas de pico.

New Relic é uma ótima ferramenta adotada por equipes dinâmicas, que se preocupam até mesmo com uma pequena mudança no desempenho do site. Isso os ajuda a identificar problemas em tempo real e agir sobre eles sem perder tempo.

6. UpTrends

UpTrends é uma ferramenta fácil de usar para verificar o teste de velocidade do WordPress. Assim como a ferramenta Google PageSpeed ​​Insights, ela também permite que você teste a velocidade do seu site WordPress no desktop e no celular, bem como no tipo de largura de banda. Ele fornece uma revisão geral do site, assim como Pingdom e GTmetrix.

O relatório de teste é dividido em duas seções: Formato cascata e Grupo de Domínio.

Grupo de domínio é uma perspectiva única para analisar o site de acordo com os recursos, como fontes primárias e de terceiros.

7. Yellow Lab Tools

É outro site de teste de velocidade do WordPress para verificar a velocidade do site. O Yellow Lab Tools é gratuito e oferece opções para desenvolver seu ambiente de teste personalizado.

Ele permite que o usuário defina cookies, insira credenciais de autor se o site for protegido por senha: configurações de proxy e um domínio que o usuário gosta de bloquear durante o teste.

O scorecard do Yellow Lab Tools exibe as principais métricas usando várias cores. Essas métricas incluem algumas solicitações, a complexidade do DOM, que é o principal recurso desta ferramenta, e outros parâmetros relacionados ao front-end.

 

8. Ferramenta de Teste do Sucuri

Sucuri, o plugin de segurança para WordPress mais popular, também oferece uma ferramenta de teste de velocidade para WordPress. Ele fornece informações valiosas sobre quanto tempo levou para seu site carregar uma página completa. Ele também avalia conexões de vários locais e mostra a hora do primeiro byte.

A segunda parte do scorecard fornece uma representação gráfica das conexões, Tempo do primeiro byte e Tempo total. Um usuário também pode desabilitar a localização no menu à direita.

9. Site 24×7

Site24x7 é outra ferramenta incrível de teste da web usada para verificar a velocidade do site. Assim como o Pingdom, ele também oferece a opção de escolher vários locais de teste em todo o mundo.

A ferramenta fornece estatísticas abrangentes e fáceis de entender, divididas em tabelas. As duas primeiras tabelas exibem as estatísticas básicas, como tempo de carregamento, número de solicitações, pontuação de velocidade e tamanho da página.

A tabela a seguir está dividida nas guias Resumo do tempo de resposta, Resumo da página da web e PageSpeed ​​Insights.

O Resumo do tempo de resposta contém a análise dos vários URLs e o tempo para carregá-los. Ele também contém as informações relacionadas a vários ativos, como imagens, arquivos CSS e JS.

A guia Resumo da página da web contém uma representação gráfica das solicitações e do tamanho da página. Mais abaixo, está a tabela que contém a lista de domínios e o número de solicitações e tamanhos de arquivos.

O PageSpeed ​​Insights dá uma ideia do desempenho do seu site durante o teste, atribuindo notas a vários parâmetros, como compactação, minificação, tamanho da solicitação e otimização de imagem.

Conclusão

Neste post, foi abordada a importância da velocidade da página e como ela afeta diretamente a classificação SERP do seu site. Também abordei nove ferramentas de teste de site WordPress mais populares que podem ajudar a otimizar o site, fornecendo informações valiosas.

Recomendo enfaticamente que você teste o desempenho do seu site com frequência para destacar quaisquer problemas relacionados ao desempenho e mantê-lo sem problemas para o próximo visitante do seu site.

Perguntas Frequentes

Artigo original por Ibad Ur Rehman da Cloudways