Os 10 indicadores mais importantes do teu desempenho WordPress

Torben Simon Meier Última atualização em 21.10.2020
10 min.
Desempenho WordPress: Os 10 fatores-chave mais importantes
Última atualização em 21.10.2020

A Internet está repleta de dicas e truques sobre como otimizar o desempenho do WordPress. Infelizmente, as explicações e avaliações da relevância das várias "alavancas" rapidamente caem no esquecimento. Mostrar-te-emos os pontos de partida e as alavancas importantes - numa ordem significativa e contextualizada. Desta forma, poderás alcançar o sucesso muito rapidamente.

Já alojámos cerca de 15.000 projetos WordPress. Muitos dados foram gerados. E somos constantemente questionados pelos clientes sobre a forma como podem reduzir ainda mais o tempo de carregamento da página dos seus projetos WordPress. Assim, temos sistematicamente processado nos últimos anos as nossas conclusões a partir da análise das páginas dos nossos clientes. O resultado: 10 medidas com as quais podes otimizar de forma rápida e fácil o desempenho do teu WordPress.

Uma coisa é especialmente importante: alguns utilizadores são rapidamente desencorajados pelas sugestões de otimização feitas por ferramentas como Google PageSpeed Insights . Deixa-me dizer-te: a maior parte do ganho em tempo de carregamento não é obtida com medidas de otimização complicadas, mas com métodos que são muito fáceis de implementar.

WordPress -Sugestões de optimização de desempenho do Google
Apenas alguns operadores de sites podem realmente fazer algo concreto com esta mensagem. Portanto, é particularmente importante que te concentres primeiro nas etapas simples de otimização e só inicies as medidas mais complicadas na segunda etapa.

É claro que otimizar os tempos de carregamento não é um fim em si mesmo. Além de uma experiência melhor para os teus utilizadores, um tempo de carregamento mais curto também traz vantagens na visibilidade da tua oferta no Google. Por isso, para cada ponto, delinearei resumidamente do que tratam os passos individuais de otimização, a fim de criar o contexto apropriado.

Assim, teoricamente, podes trabalhar de cima para baixo e melhorar o tempo de carregamento da tua página passo a passo. Além disso, os primeiros sete pontos referem-se às típicas sugestões de melhoria do Google PageSpeed Insightsàs quaia nos referimos, por exemplo, neste artigo mais detalhadamente.

#1 Caching - o fator de desempenho mais importante de todos

Caching significa que a tua página não precisa primeiro de ser solicitada do servidor web pelo navegador e depois construída passo a passo. Em vez disso, a tua página - completamente renderizada - é carregada a partir de uma cache.

A vantagem deste armazenamento em cache é óbvia: o WordPress não tem de recalcular a tua página toda vez que é solicitada ou visualizada. Como o WordPress é baseado num PHP muito lento, uma cache é essencial aqui. Entre outras coisas, ela evita que o PHP tenha que ser lido.

Basicamente existem duas variantes de implementação para caches:

  • Sobre os plugins de cache: A maioria dos utilizadores utiliza um plugin de cache, como W3 Total Cache ou WP Super Cache. Estes às vezes são mais simples de configurar, outras vezes mais complicados. Em qualquer caso, é necessário um certo trabalho manual.
  • Sobre o host: Alguns hosts - assim como também a RAIDBOXES - oferecem cache do lado do servidor. Isto significa que podes quase sempre abdicar de plugins de cache, porque o teu fornecedor de alojamento já assumiu a configuração da cache por ti.

Se já configuraste uma cache de alto desempenho, já deste o passo mais importante para obteres mais desempenho do WordPress. Para mais detalhes, dá uma olhada ao nosso artigo sobre Noções básicas de cache .

#2 Limpar o WordPress - a organização é obrigatória

Uma das causas mais comuns para longos tempos de carregamento é - pela nossa experiência - uma instalação do WordPress sobrecarregada. E como este ponto de melhoria não é mencionado pelo GooglePageSpeed Insights, ele vem diretamente em segundo lugar no meu Top 10.

Uma instalação sobrecarregada WordPress significa, na maioria dos casos que há demasiados plugins instalados. Basicamente, quanto menos plugins, mais rápida é a página. Claro que os plugins são importantes e sem eles não é possível, no entanto, deves sempre verificar quais os plugins que realmente precisas.

E ainda: Deves ter o cuidado de não apenas desativar os plugins, mas apagá-los completamente.

WordPress  Melhore o desempenho: Sua visão geral do plugin mostra exatamente quantos Pluginsvocê tem instalados, ativados e ainda precisam ser atualizados.
A visão geral do teu plugin mostra exatamente quantos plugins estão desativados no momento. Em princípio, deve aparecer sempre um zero quando está “Inativo”. Se não, pergunta-te exatamente: Preciso mesmo deste plugin desativado?

O mesmo se aplica aos temas: não precisas mais do que um.

O pano de fundo é o seguinte: Cada plugin e tema adiciona código PHP à tua página. Isto também se aplica a plugins desativados. Isto torna o teu site mais volumoso e, portanto, mais lento (e mais vulnerável a ataques), porque o PHP é uma linguagem de script muito lenta. Quanto menos houver, melhor.

Muitas vezes, os plugins e temas que já não são mais necessários são resquícios de testes de funcionalidade e design. Por isso, por um lado, deves limpar os sites WordPress regularmente e, por outro lado, deves testar novas funcionalidades e designs num ambiente de teste e não na página ao vivo. Desta forma, não acumulas muitos resquícios de plugins.

#3 Imagens: o travão do tempo de carregamento subvalorizado

Uma das medidas mais eficazes e simples para reduzir o tempo de carregamento de páginas é a redução de imagens, porque aqui podes, em parte, poupar grandes quantidades de dados. Com a chamada "compressão de imagem sem perdas de dados" o tamanho do ficheiro das tuas imagens será reduzido sem haver uma perda visível de qualidade. Assim, o teu site praticamente não muda, e ao mesmo tempo consegues reduzir significativamente o seu tamanho através da otimização da imagem.

O arquivo HTTP estima que as imagens constituam regularmente a maior parte do volume de dados de um site. Reduzir as imagens deve ser, portanto, uma das primeiras etapas de otimização. Podes fazer uma otimização de imagens manualmente, ou podes usar um plugin de compressão.

Usar um plugin é certamente a solução mais conveniente. Não só os plugins te permitem comprimir novas imagens e as suas miniaturas, como também se ocupam parcial e automaticamente de todas as imagens existentes no teu site. No entanto, este serviço está muitas vezes sujeito a uma taxa.

#4 CSS e JavaScript - parece complicado, mas é fácil de otimizar.

A segunda maior quantidade de dados na página são normalmente ficheiros JavaScript e CSS. Aqui, muitos utilizadores mostram-se reticentes em mexer nesses ficheiros. Mesmo sem competência ou experiência em código, podes entender facilmente o que é a otimização CSS e JavaScript. Porque, em princípio, há três coisas a fazer primeiro:

  • Resumir: CSS e JavaScript estão ocultos em muitos pequenos ficheiros individuais. Normalmente, cada um destes ficheiros deve ser solicitado individualmente pelo navegador do servidor da web. Isto gera solicitações HTTP, que tendem a aumentar o tempo de carregamento da tua página. No entanto, se os scripts forem combinados, o número de ficheiros a carregar e, portanto, o número de solicitações, será reduzido. Assim, por exemplo, 53 solicitações individuais tornam-se num pouco mais de uma dúzia. E claro que os plugins correspondentes podem fazer isso pot ti.
  • Reduzir: Os ficheiros CSS e JavaScript são linhas de código que permitem certas funcionalidades e designs no teu site. Este código é escrito por humanos, mas é lido por máquinas. Porque é que isto é relevante? Muitas das coisas que um ser humano precisa para entender o código corretamente não são necessárias para o computador. Espaços, comentários, etc. não são, por isso, necessários para que o teu site seja construido corretamente. É exatamente aqui que plugins como Autoptimize entram em ação. Eles convertem CSS e JavaScript de código humano para código legível por máquina. Isto torna os pacotes de dados individuais mais pequenos e a sua transmissão mais rápida.
  • Comprimir: Depois de resumir e reduzir, a última etapa é a compressão (ou compactação) dos pacotes de dados que são enviados do servidor web para o navegador. Isto significa que o servidor minimiza o tamanho do ficheiro das solicitações individuais e o navegador descompacta-o e calcula-o. Isto é mais rápido do que enviar pacotes de dados não comprimidos. Podes configurar uma compressão GZIP , por exemplo, usando plugins de cache, configurações manuais em .htaccess, ou o teu host já ativou a compressão no servidor.

Mesmo sem conhecimento dos scripts, é fácil perceber o que as medidas individuais trazem. E para todas as três etapas de trabalho, existem plugins que permitem que até os leigos consigam otimizar CSS e JavaScript. No nosso artigo sobre otimização de CSS e JavaScriptexplicar-te-emos mais detalhadamente e apresentar-te-emos vários plugins.

Quatro em linha!

Estas foram as quatro áreas em que nossos clientes puderam economizar muito tempo de carregamento. Com relativamente pouco esforço, podes melhorar significativamente o desempenho do WordPress através da cache, otimização de imagens, otimização de CSS e JavaScript, bem como através da limpeza do WordPress.

#5 Tudo é nada sem alojamento

Os primeiros quatro campos de otimização prometem reduzir consideravelmente o tempo de carregamento, mas podem falhar se o teu alojamento te atrasar. Isto não significa tanto os requisitos de hardware para WordPress, mas sim certas tecnologias que te mostram que um host te permite otimizar o WordPress em conformidade.

Regra geral, deves ter em mente que o alojamento WordPress de alto desempenho deve ter estes dados principais:

  • Disco rígido SSD
  • Limite de memória PHP de pelo menos 64 MB, melhor 128 MB
  • Centro de dados na Europa
  • Versão atual do PHP (7.4)
  • HTTP/2 e certificado SSL gratuito

Depois ainda há a diferença entre o alojamento partilhado e o seu próprio servidor (virtual).

Com o alojamento partilhado partilhas o servidor e o seu desempenho de processamento com outros sites, normalmente algumas dezenas a centenas. Se tens o teu próprio servidor, não tens de partilhar o desempenho de processamento com ninguém. Por isso, este alojamento oferece a vantagem da segurança de desempenho.

Ter o próprio servidor não é sinónimo de maior de desempenho, mas a experiência mostra que, em particular, as tarifas de alojamento baratas que custam apenas alguns euros por mês, não conseguem acompanhar os servidores virtuais em termos de desempenho.

As subtilezas - menos impacto, mais esforço

Todas as áreas relevantes para o desempenho que mencionei até agora podem ser otimizadas por praticamente qualquer utilizador do WordPress, seja através de plugins, simplesmente testando, ou comprando produtos apropriados. Será mais complicado se já tiveres otimizado estas áreas, porque aí terás de ir mais fundo na estrutura do site. E as medidas de otimização individuais já não têm o mesmo impacto.

#6 Bloqueio de renderização - ordem de carregamento errada

Um ponto, que ferramentas como o Google PageSpeed Insights criticam repetidamente, é uma ordem de carregamento que bloqueia a renderização.

Um exemplo ilustra o problema: um controle deslizante consiste em imagens e no comando de animação que roda essas imagens. Se o comando JavaScript for carregado primeiro e as imagens no final, então a tua página já tem a função de controle deslizante, mas não as imagens que deveriam ser exibidas. Por isso, a página demora mais tempo a carregar. Esta condição pode ser evitada pela sequência correta de carregamento.

Embora existam formas de otimizar a sequência de carregamento de plugins, a nossa experiência mostra que estas nem sempre são capazes de otimizar completamente o teu site. Os melhores resultados neste caso são geralmente obtidos por um web designer que esteja familiarizado com o site e as suas funcionalidades. Nesse caso, os melhores resultados são geralmente obtidos por um web designer qfunções.

#7 Above the Fold - otimizar a área visível da página

Para além do tempo total de carregamento da tua página, o tempo de carregamento percecionado é decisivo, isto é, o tempo que um visitante do teu site percebe como tempo de carregamento. Este tempo de carregamento percecionado pode ser reduzido com alguns truques, dando ao utilizador a impressão de que a página já foi totalmente construida, embora os cálculos ainda estejam a ser feitos em segundo plano.

Particularmente importante para a otimização da sequência de carregamento desta área conhecida como acima da dobra (acima da dobra) é a otimização da sequência do carregamento. Isto significa que o conteúdo e as funcionalidades são priorizados para que seja a primeira coisa que os teus visitantes veem no ecrã.

WordPress  Performance: Ilustração do Above the Fold por raidboxes.de
A área superior é exibida pela raidboxes.de aos visitantes sem que estes precisem de rolar o ecrã. Este é o chamado "Above the Fold" (acima da obra). Para todas as outras informações, o visitante tem de interagir com a página e rolar o ecrã.

Podes conseguir isto, por exemplo, otimizando a sequência do carregamento. Mas também existem plugins que garantem que a tua página carregue de forma mais eficiente e apenas a respetiva área visível. Lazy Load ou a3 Lazy Load são exemplos de tais plugins. Desta forma, o utilizador obtém sempre todo o conteúdo que precisa exibido, mas o tempo de carregamento da página ainda pode beneficiar disso, especialmente se a página for pesada em termos de imagem.

#8 Limpar a base de dados

Para além de imagens e scripts, a tua base de dados também se pode tornar muito grande. Existem também ferramentas práticas para isto que mantêm o teu banco de dados leve. Por exemplo, o plugin WP-Optimize.

#9 Pingbacks e trackbacks

Por padrão, o WordPress interage com outras páginas que permitem pingbacks e trackbacks. Cada vez que o teu site ou uma das tuas publicações no blog é mencionado em tal página, o teu site é automaticamente notificado - colocando uma carga adicional na base de dados.

Se não precisas desta funcionalidade (a mais-valia é insignificante na minha opinião), deves desativar os pingbacks e trackbacks. Mais uma vez, o Plugin WP-Optimize é útil aqui. Por uma questão de integralidade, deve ser mencionado neste ponto que este é mais um problema teórico. Nenhum dos nossos clientes teve sérias perdas de desempenho como resultado.

#10 Evitar o hotlinking

Hotlinking significa que alguém se coneta diretamente a uma imagem no teu servidor - por isso, no final, a tua largura de banda é "roubada". Com um servidor web Apache, podes evitar o hotlinking, adicionando o seguinte código ao ficheiro .htaccess:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Para evitares o hotlinking num servidor NGINX, adiciona estas linhas de código ao teu ficheiro NGINX wp-config:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Disribuição do código:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
especifica as extensões do ficheiro que queres proteger do hotlinking. Por exemplo, se ainda quiseres proteger ficheiros pdf, a linha de código será semelhante a esta:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Estas linhas são um pouco extensas, mas ajudam-te a compreender melhor o que pode ser feito com esta regra. Estas linhas indicam quais os domínios que ainda têm permissão para fazer hotlink nos teus ficheiros. Neste exemplo deineseite.de com todos os subdomínios, assim como o Google, Bing e Yahoo.

if ($invalid_referer) {
return 403;
}
Se uma solicitação chegar e o recurso solicitado NÃO estiver no topo da tua lista de permissões, o servidor devolve um 403 (Forbidden - proibido).

Não tens acesso ao wp-config?

Tu perguntas-te o que podes fazer se as mudanças no wp-config em teu host (como por exemplo na RAIDBOXES ) não forem possíveis? Neste caso, há vários plugins de segurança disponíveis no diretório de plugins do WordPressque evitam o hotlinking. Um plugin que oferece esta funcionalidade é, por exemplo Segurança WP e firewall tudo em um. O plugin está ativo em mais de 800.000 sites WordPress e tem uma classificação média de 4,8 em 5 estrelas (de entre quase 1.000 comentários).

"E quanto ao CDN?"

Uma das perguntas mais frequentes é sobre um CDN. Por exemplo: "Um CDN torna o meu site mais rápido para os visitantes em Portugal?", "Porque preciso de um CDN?", "Recomendarias usar um CDN para o meu blog ou loja? Mas na maioria dos casos a resposta é: Não.

Resumindo: um CDN faz mais sentido quando os teus utilizadores estão geograficamente dispersos, isto é, se tiveres clientes na Europa Central, América do Sul e Austrália, por exemplo. Se o teu público-alvo principal estiver limitado a um país, podes abandonar um CDN para otimizares o desempenho do teu WordPress.

O desenvolvedor de WordPress Ernesto Ruge tem, a propósito desta problemáica, um artigo muito bom que te recomendo vivamente.

Conclusão: Não tenhas medo de etapas de otimização aparentemente complicadas

Muitas vezes os utilizadores têm reservas em relação a áreas onde o tempo de carregamento pode ser economizado facilmente, ou negligenciam estas áreas. Outras, por outro lado, como o CDN, continuam a aparecer repetidamente durante as consultas de aconselhamento, embora normalmente não tenham qualquer efeito no tempo de carregamento da página.

Por isso, só posso recomendar que te concentres primeiro na "fruta mais fácil" da optimização. Isto porque, com relativamente pouco esforço, podes fazer grandes progressos na redução do teu tempo de carregamento, mesmo sendo um leigo.

Por isso, não deixes que os conselhos de ferramentas como o Google PageSpeed Insights te destabilizem.

Porque, na sua essência, a otimização do tempo de carregamento envolve apenas algumas áreas:

  • Redução do tamanho da tua página
  • Redução de solicitações HTTP
  • Compressão dos pacotes de dados individuais
  • Otimização da experiência do utilizador

Se entendeste isto, então também podes, sensatamente, usar os 10 indicadores de desempenho do WordPress mais importantes. E para etapas de otimização mais complexas, existem também especialistas que podem agilizar o teu site.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com * .