Os utilizadores da Internet, os programadores de motores de pesquisa e os grandes modelos de linguagem concordam todos: ninguém gosta de um website lento. Por isso, há muitas razões para verificares regularmente se o teu site tem tempos de carregamento lentos, pois podem surgir problemas que um teste básico de velocidade consegue explicar. É por isso que é crucial teres ferramentas avançadas de teste de desempenho do WordPress implementadas, para estares pronto a responder quando surgir uma necessidade crítica.
Porque é que os testes de desempenho do WordPress são críticos
Um dos maiores erros que os proprietários de sites podem cometer é confiar apenas numa ferramenta para verificar o desempenho. O desempenho depende da experiência do utilizador, da estrutura da página, dos recursos do servidor, dos plugins e do tráfego, e cada um destes fatores pode causar um tipo diferente de lentidão.
É por isso que vale a pena usar mais do que uma ferramenta para testar o teu site. Aqui estão as cinco ferramentas de verificação do site que vamos abordar neste artigo:
Google Site Kit mostra como o Google vê o teu site e como as pessoas se comportam quando lá chegam.
O menu EasyWP Stats mostra como os teus recursos de alojamento estão a ser utilizados.
Performance Lab permite-te testar em segurança melhorias mais recentes no front-end, módulo a módulo.
Query Monitor dá-te uma perspetiva técnica sobre consultas à base de dados, chamadas HTTP, hooks e comportamento de PHP.
Site Health destaca problemas de configuração e componentes desatualizados dentro do próprio WordPress.
Em conjunto, estas ferramentas dão-te algo muito mais útil do que uma pontuação de velocidade. Ajudam-te a encontrar possíveis problemas, testá-los e fazer alterações significativas que melhoram o desempenho.
Google Site Kit
Google Site Kit é o plugin oficial do Google para WordPress que liga o Search Console, o Analytics, o PageSpeed Insights e outros serviços Google ao teu painel. Depois de instalado, mostra dezenas de métricas essenciais do site diretamente no painel do WordPress. Isto significa que podes verificar o desempenho sempre que iniciares sessão no teu website.
Compreender o painel de velocidade no Site Kit
Uma das razões mais práticas para instalar o Site Kit é a sua ligação ao PageSpeed Insights. Essa secção dá-te visibilidade direta sobre dados relacionados com a velocidade sem precisares de fazer uma verificação manual. Quando encontras uma página no teu website que parece lenta, podes obter uma resposta imediata sobre o que o ambiente de testes do Google está a indicar.
Uma pontuação fraca pode ter origem em várias causas diferentes. Pode significar que a tua página tem demasiado JavaScript, demasiados conteúdos incorporados, imagens demasiado grandes ou alterações de esquema que prejudicam a experiência do utilizador. Por outras palavras, o painel de velocidade deve ser usado como pista, não como diagnóstico final.
Quando sentires que o teu site ou uma página específica pode estar a carregar lentamente, segue estes passos:
Abre o Site Kit e revê as pontuações no separador de velocidade, alternando entre a pontuação para dispositivos móveis e para computador, e tira capturas de ecrã para comparares mais tarde.
Clica em “Executar teste novamente” para obteres uma pontuação atual do teste, compara-a com a tua captura de ecrã e vê se existem diferenças.
Abre o PageSpeed Insights a partir da ligação para obteres dados mais detalhados, se necessário.
Compara as pontuações de todos os testes e procura padrões ou quaisquer inconsistências.
Se todas as tuas pontuações aparecerem a verde, o que indica resultados positivos, a lentidão pode estar relacionada com o teu dispositivo ou navegador, e não com o website. Pontuações mais baixas a amarelo e vermelho significam que está na altura de considerares otimizações para o teu site.
Embora estas pontuações de velocidade sejam apenas o ponto de partida, são métricas críticas e podem afetar a frequência com que os utilizadores veem o teu site, especialmente através dos resultados orgânicos de pesquisa do Google. Visita frequentemente a secção Speed do painel do Site Kit, pois pontuações baixas nos testes aqui são uma das formas mais simples de identificar problemas de desempenho.
Usa o painel de tráfego para detetar outros problemas de desempenho
Alguns problemas de desempenho não podem ser detetados numa pontuação de teste de velocidade. É por isso que é importante prestares atenção ao que os utilizadores reais fazem quando visitam o teu site. Felizmente, o Site Kit reúne dados do Search Console e do Analytics para que possas rever o tráfego, o comportamento ao nível da página e a forma como as pessoas encontram e usam o teu conteúdo a partir do WordPress.
Isto significa que podes usar as tendências de tráfego para inferir conclusões sobre problemas de desempenho, mesmo quando um painel de velocidade não os indica diretamente.
A secção Traffic dá-te informações agregadas sobre todo o teu site, e podes alternar entre canais, localizações e dados relacionados com dispositivos. Depois, podes clicar na ligação do Analytics no canto inferior direito para veres tudo com mais detalhe. Por exemplo:
Se o tráfego móvel for elevado mas as conversões forem fracas, isso é um sinal para comparares mais de perto os resultados do PageSpeed para dispositivos móveis e o comportamento do esquema em dispositivos móveis.
Se um artigo obtiver muito mais novas sessões do que o resto do teu site, essa página merece atenção especial ao nível do desempenho, porque qualquer lentidão aí afeta uma maior proporção de visitantes.
Se o tráfego orgânico para uma página for estável mas o envolvimento cair acentuadamente após um redesign ou uma migração de tema, podes ter introduzido um problema de UX ou de carregamento nessa página.
Isto não é prova por si só, mas é uma forte indicação direcional. O Site Kit ajuda-te a identificar quais são as páginas mais importantes e quais os segmentos de público que podem estar a enfrentar maior fricção.
EasyWP Stats
Assim que tiveres uma teoria com base no Site Kit, passa para o teu painel do EasyWP e abre o menu Stats. O EasyWP inclui monitorização integrada para métricas centradas nos visitantes e Insights que te ajudam a compreender os gráficos e a encontrar oportunidades de melhoria.
Isto é importante porque a lentidão do site pode ter origem numa variedade de problemas diferentes. Por vezes, a página é pesada devido a escolhas de design no front-end. Noutras ocasiões, os recursos subjacentes estão a ser demasiado exigidos por picos de tráfego, plugins ineficientes, tarefas em segundo plano ou outra coisa.
O que deves observar na secção Performance
A área Stats monitoriza a utilização de CPU e RAM por ti, e podes ver a utilização de largura de banda ao longo dos últimos 7 dias.
Podem ocorrer picos temporários durante atualizações rotineiras de software, alterações no site ou períodos com mais visitantes do que o habitual. Isso significa que o essencial é não entrares em pânico por causa de um único pico. O melhor é procurares saber se os picos são frequentes ou se excedem bons níveis de utilização durante longos períodos de tempo.
Estas são as causas mais comuns quando vês um pico nas métricas de Performance:
Métrica | O que pode significar um aumento repentino | O que considerar a seguir |
|---|---|---|
CPU | Mais trabalho em PHP, um processo de plugin, mais pedidos sem cache ou maior volume de tráfego | Verifica se atualizaste recentemente o WordPress, alteraste plugins ou lançaste uma campanha |
RAM | Atividade mais intensa de plugins, processamento em segundo plano ou geração de páginas com elevado consumo de memória | Revê alterações recentes em plugins/temas e procura páginas dinâmicas que contornam a cache |
Largura de banda | Mais visitantes, mais bots, recursos maiores ou entrega repetida de conteúdos multimédia pesados | Verifica as páginas principais, os padrões por dispositivo e se as imagens ou os vídeos são demasiado grandes |
Quando é que alterações drásticas realmente importam
Alterações significativas merecem atenção quando coincidem com picos refletidos no menu Stats. Se vires isto, faz estas perguntas:
O pico aconteceu logo após uma atualização de plugin, tema ou WordPress?
Aconteceu depois de publicares uma nova página com imagens grandes, conteúdos incorporados ou vídeo?
Aconteceu após uma campanha de tráfego, o envio de uma newsletter ou uma subida repentina no ranking?
O site está realmente mais lento para os visitantes ou isto é apenas uma anomalia no gráfico?
É aqui que o menu EasyWP Stats se torna mais do que um painel. Torna-se uma forma de distinguir um site saudável de um site sob pressão.
Performance Lab
Se o Site Kit mostrar um problema de experiência da página e o EasyWP não mostrar um problema importante de recursos, provavelmente estás a lidar com otimização de front-end. É aí que o plugin Performance Lab se torna útil.
Performance Lab é uma coleção de módulos WordPress focados no desempenho, criada pela equipa do WordPress, muitos dos quais se destinam a testar melhorias antes de estas passarem eventualmente para o núcleo. Em vez de te obrigar a uma única grande mudança de tudo ou nada, permite-te ativar funcionalidades individuais e avaliá-las no teu site.
Começa por analisar estes módulos
Atualmente, existem 9 módulos diferentes no plugin Performance Lab, todos eles podendo ser ativados separadamente consoante as necessidades do teu site. Para a maioria dos proprietários de sites, estes são os módulos que vale a pena compreender primeiro.
Embed Optimizer
Usa isto para reduzir o custo do conteúdo incorporado, especialmente quando as páginas dependem de YouTube, publicações sociais ou outros conteúdos incorporados de terceiros. Ativa-o em páginas com muitos conteúdos incorporados e que pareçam lentas ou instáveis durante o carregamento. Ignora-o em páginas sem conteúdos incorporados ou com muito poucos, onde acrescenta complexidade sem um benefício claro.
Image Placeholders
Isto adiciona marcadores de posição leves para que as páginas pareçam visualmente estáveis enquanto as imagens carregam, o que pode melhorar o desempenho percebido e reduzir saltos de esquema. Ativa-o em páginas com muitas imagens, especialmente em dispositivos móveis, onde espaços em branco e alterações de esquema são comuns. É menos útil em artigos centrados em texto com muito poucas imagens, onde poderás não notar grande diferença.
Speculative Loading
Isto usa a API Speculation Rules do navegador para pré-carregar ou pré-renderizar as páginas seguintes mais prováveis, o que pode fazer com que a navegação pareça quase instantânea. Funciona melhor em sites com percursos de navegação claros, como arquivos de blogues, documentação ou lojas onde os utilizadores clicam frequentemente de uma página interna para a seguinte. Tem cuidado em sites com fluxos muito dinâmicos, painéis com sessão iniciada ou ações sensíveis, onde o pré-carregamento de URLs extra pode criar trabalho desnecessário ou efeitos secundários inesperados.
Modern Image Formats
Isto ajuda a fornecer formatos de imagem mais recentes quando suportados, o que pode reduzir drasticamente o peso das imagens em páginas com muito conteúdo multimédia. É um forte candidato para sites que dependem muito de fotografia, imagens em destaque ou galerias de produtos. Antes de o ativares em todo o lado, verifica como interage com o teu tema, CDN e quaisquer plugins de otimização de imagens já existentes, para não acabares por acumular ferramentas sobrepostas.
Enhanced Responsive Images
Isto melhora a forma como os tamanhos das imagens são selecionados, o que é útil para temas que nem sempre enviam o tamanho de imagem mais eficiente para cada ecrã. Vale a pena ativá-lo se vires utilizadores móveis a descarregar imagens grandes em tamanho de computador, ou se os relatórios do PageSpeed assinalarem entrega ineficiente de imagens. Evita usá-lo às cegas juntamente com vários outros plugins de gestão de imagens sem testar, porque demasiadas otimizações de imagem sobrepostas podem tornar a resolução de problemas mais difícil em vez de mais fácil.
Query Monitor
Query Monitor é um painel de ferramentas para programadores no WordPress que expõe consultas à base de dados, erros de PHP, hooks e ações, chamadas à API HTTP, scripts, estilos e informações de depuração relacionadas. É excelente quando queres perceber porque é que o carregamento de uma página específica é dispendioso ao nível do código.
Para os proprietários de sites, os dados mais úteis costumam vir de quatro locais:
Os painéis de consultas, que mostram consultas lentas e duplicadas à base de dados.
A discriminação por componente, que ajuda a identificar se um plugin, tema ou o núcleo é responsável por essas consultas.
A vista da API HTTP, que mostra chamadas externas que podem atrasar a geração da página.
O painel geral, que destaca o tempo de geração da página e a utilização de memória.
A razão para manter o Query Monitor num papel de apoio é que responde a uma pergunta mais restrita. Não é ótimo para compreender o comportamento mais amplo dos visitantes, padrões de tráfego a longo prazo ou pressão sobre recursos ao nível da conta. É ótimo quando já suspeitas de um plugin, modelo ou caminho de pedido específico e queres confirmação técnica.
Site Health
Há uma última ferramenta simples para discutir hoje, e podes aceder-lhe com um único clique. Abre Tools no teu painel do WordPress e vai a Site Health.
O Site Health está integrado no WordPress e inclui tanto um ecrã Status como um ecrã Info, dando-te uma visão rápida sobre se a tua configuração tem problemas óbvios que possam afetar a segurança, a estabilidade e o desempenho.
Isto é importante porque o trabalho de desempenho “avançado” pode ser desperdiçado se o básico ainda estiver avariado. O Site Health pode apontar-te para um núcleo do WordPress desatualizado, versões antigas de PHP, problemas com o modo de depuração, plugins inativos mas desnecessários, problemas com tarefas agendadas e outros itens de configuração que reduzem silenciosamente o desempenho.
O separador Info também é útil quando precisas de contexto. Dá-te uma visão geral da tua versão do WordPress, configuração do servidor, tema ativo, plugins ativos e outros detalhes técnicos que ajudam a explicar os resultados que estás a ver noutros locais.
Por outras palavras, o Site Health não é onde resolves todos os problemas de velocidade. É onde confirmas que a tua base não compromete o resto dos teus testes.
De onde costumam vir os maiores ganhos
Uma das coisas mais úteis que os testes avançados de desempenho te ensinam é que nem todos os problemas têm a mesma solução. É também por isso que esta abordagem com várias ferramentas funciona tão bem. O Google Site Kit ajuda-te a ver como os utilizadores e o Google experienciam o teu site. O EasyWP Stats mostra o que os teus recursos de alojamento estão a fazer por baixo. O Performance Lab ajuda-te a testar otimizações modernas em segurança. O Query Monitor confirma causas ao nível do código quando necessário. O Site Health garante que os teus fundamentos continuam sólidos.
Quando combinas essas perspetivas, o desempenho do WordPress deixa de ser um mistério. Torna-se um processo de ler os sinais certos, fazer uma alteração útil de cada vez e concentrar-te nas páginas e nos comportamentos que mais importam aos teus visitantes.
Perguntas frequentes
Começa por verificar as pontuações de velocidade do Google Site Kit nas tuas páginas mais importantes e depois compara esses resultados com a secção Performance no teu menu EasyWP Stats. Se as pontuações forem baixas e também vires picos repetidos de CPU, RAM ou largura de banda que coincidam com os momentos em que o site parece lento, isso é um forte sinal de que estás perante um problema real de desempenho e não um problema do dispositivo local.
Usa o Google Site Kit quando quiseres perceber como o Google vê as tuas páginas e como os visitantes reais se comportam quando chegam ao teu site. Muda para o EasyWP Stats quando quiseres ver como os teus recursos de alojamento estão a ser usados por baixo desse tráfego, especialmente se suspeitares que picos de tráfego, plugins pesados ou ficheiros multimédia grandes estão a exigir mais do que o habitual da CPU, RAM ou largura de banda.
Tanto o Performance Lab como o Query Monitor foram concebidos como ferramentas de diagnóstico, mas continuam a alterar a forma como o teu site se comporta, por isso deves usá-los com cuidado. Ativa um módulo do Performance Lab de cada vez, testa algumas páginas e usa o Query Monitor principalmente em staging ou durante sessões curtas de investigação, desativando-o novamente depois para que não acrescente sobrecarga desnecessária ao teu site WordPress.
Artigos sugeridos
Partilha a tua opinião