Os 10 parâmetros mais importantes do seu desempenho em WordPress

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

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 em particular é importante: alguns usuários são rapidamente adiados por sugestões de otimização de ferramentas como o Google PageSpeed Insights. Deixa-me dizer-te: Você não ganhará o maior tempo de carga com medidas de otimização complicadas, mas com métodos que são fáceis de implementar.

WordPress - Sugestões de otimizaçã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 a otimização do tempo de carga não é um fim em si mesmo. Além de uma melhor experiência para os seus utilizadores, um tempo de carga mais curto também traz vantagens na visibilidade da sua oferta no Google. Por isso, também vou delinear brevemente o que são realmente as etapas individuais de otimização, a fim de criar o contexto apropriado.

Teoricamente, você pode trabalhar de cima para baixo e melhorar o tempo de carregamento da sua página passo a passo. A propósito, os primeiros sete pontos também se referem às sugestões típicas de melhoria do Google PageSpeed Insights, que abordamos mais detalhadamente neste artigo, por exemplo.

#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 o cachePlugins: A maioria dos usuários usa um cachePlugin, como o W3 Total Cache ou WP Super Cache. Às vezes são mais fáceis, às vezes um pouco mais complicadas de montar. Em qualquer caso, aqui é necessário um certo volume de trabalho manual.
  • Sobre o hoster: Alguns hosters - incluindo RAIDBOXES - oferecem caching do lado do servidor. Isto significa que você quase sempre pode fazer sem cachingPlugins . Porque o seu provedor de hospedagem já assumiu a configuração do cache para você.

Se você montou um caching performant, você já deu o passo mais importante em direção a mais performance WordPress . Para mais detalhes, dê uma olhada em nosso artigo sobre o básico 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.

Melhore o desempenho doWordPress  : Sua visão geral do plugin mostra exatamente quantos Plugins você 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, não são mais necessários Plugins e Themes são resquícios de testes funcionais e de design. Portanto, é uma boa ideia limpar regularmente as suas páginasWordPress e testar novas funções e designs num ambiente de teste e não na página ao vivo. Desta forma você pode evitar ter muitos restos de Plugin.

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

Uma das medidas mais eficazes e fáceis para reduzir o tempo de carregamento de páginas é reduzir o tamanho das imagens. Porque aqui você pode, às vezes, salvar grandes quantidades de dados. Com a chamada "compressão de imagem sem perdas", o tamanho do arquivo de suas imagens é reduzido sem nenhuma perda visível de qualidade. Assim, a sua página dificilmente muda, ao mesmo tempo em que pode reduzir significativamente o seu tamanho através da optimização da imagem.

O HTTP Archive estima que as imagens constituem regularmente a maior porção do tráfego de um site. A redução do tamanho de suas imagens deve ser, portanto, um dos primeiros passos de otimização. Você pode fazer a otimização de imagens manualmente, ou pode usar uma ferramenta de compressão Plugin.

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 escondidos em muitos pequenos arquivos individuais. Normalmente, cada um destes arquivos deve ser solicitado individualmente do servidor web pelo navegador. Isto gera pedidos HTTP que tendem a aumentar o tempo de carregamento da sua página. No entanto, se os scripts forem combinados, então o número de arquivos a serem carregados é reduzido e, portanto, o número de solicitações. Por exemplo, 53 pedidos individuais tornam-se um pouco mais de uma dúzia. É claro, Pluginstambém pode fazer isso por você.
  • Reduza: Os ficheiros CSS e JavaScript são linhas de código que permitem determinadas funcionalidades e designs na sua página. Este código é escrito por humanos. No entanto, é lido por máquinas. Porque é que isto é relevante? Muito do que um humano precisa para compreender correctamente o código, um computador não o faz. Portanto, não são necessários espaços, comentários, etc. para que a sua página seja construída corretamente. É aqui que entra Plugins como o Autoptimize. Eles convertem CSS e JavaScript de código legível por 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: Após resumir e reduzir, a etapa final é então comprimir os pacotes de dados que são enviados do servidor web para o navegador. Isto significa que o servidor minimiza o tamanho do arquivo das solicitações individuais e o navegador desempacota e as calcula. Isto é mais rápido do que enviar pacotes de dados sem compressão. Você pode configurar tal compressão GZIP, por exemplo, via cachê -Plugins, via configurações manuais no .htaccess ou seu hoster já ativou uma compressão no lado do servidor.

Mesmo sem o conhecimento dos roteiros, é fácil entender o que as medidas individuais trazem. E para as três etapas há Plugins, o que permite até mesmo aos leigos otimizar CSS e JavaScript. Em nosso artigo sobre otimização de CSS e JavaScript, explicamos mais detalhes e apresentamos 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 optimização prometem uma redução particularmente elevada do tempo de carga, mas não podem chegar a nada se o seu alojamento o atrasar. Isto não se refere tanto aos requisitos de hardware para WordPress , mas sim a certas tecnologias que lhe mostram que um hoster lhe permite optimizarWordPress 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 slide 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 slide, 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

Além do tempo total de carregamento da sua página, o tempo de carregamento percebido é crucial. Ou seja, o tempo que um visitante do seu site percebe como tempo de carregamento. Este tempo de carregamento percebido pode ser encurtado com alguns truques. Assim, um usuário tem a impressão de que a página já está completamente construída, embora em segundo plano ainda esteja calculada.

Particularmente importante para otimizar esta área, conhecida como Above the Fold, é otimizar a ordem de carga. Isto significa priorizar o conteúdo e os recursos que você quer que seus visitantes vejam no primeiro tamanho de tela.

WordPress  Performance: Imagem do Above the Fold a partir de raidboxes.de
A área superior é exibida ao visitante do raidboxes.de sem rolagem. Este é o chamado "Above the Fold". Para mais informações, o visitante tem de interagir com a página e rolar a página.

Você pode conseguir isso, por exemplo, otimizando a ordem de carga. No entanto, existe também Plugins, o que garante que a sua página seja carregada de forma mais eficiente. E apenas a área visível. Lazy Load ou a3 Lazy Load são exemplos disso Plugins. Desta forma, o usuário sempre recebe todo o conteúdo que precisa, mas o tempo de carregamento da página ainda pode se beneficiar disso, especialmente se for uma página pesada em termos de imagem.

#8 Limpar a base de dados

Além de imagens e scripts, sua base de dados também pode ficar muito grande. Existem também ferramentas práticas que mantêm a sua base de dados agradável e enxuta. 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 blogue é 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 liga directamente a uma imagem no seu servidor - "roubando" efectivamente a sua largura de banda. Em um servidor web Apache, você pode evitar hotlinking adicionando o seguinte código ao seu arquivo .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 evitar hotlinking em um servidor NGINX, adicione estas linhas de código ao seu arquivo de configuração NGINX:

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).

Outros métodos para evitar hotlinking

Existem numerosas seguranças Plugins no diretório oficial WordPress plugin que você pode usar para evitar hotlinking - por exemplo All In One WP Security & Firewall. O Plugin está activo em mais de 900.000 sites WordPress e tem uma classificação média de 4,8 em 5 estrelas (com mais de 1.000 revisões). Além disso, você pode evitar hotlinking através dos cabeçalhos CORS em suas configurações BOX . Se você tiver alguma dúvida sobre a configuração do cabeçalho do seu BOX , sinta-se à vontade para entrar em contato conosco no suporte.

"E quanto ao CDN?"

Uma das perguntas mais frequentes é sobre uma Rede de Entrega de Conteúdo (CDN). Por exemplo: "Um CDN torna o meu site mais rápido para os visitantes na Alemanha?", "Porque é que preciso mesmo de um CDN?", "Recomenda-me que use um CDN para o meu blog ou loja?". Na maioria dos casos, no entanto, a resposta foi: 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.

A propósito, o desenvolvedor do WordPress Ernesto Ruge escreveu um artigo muito legal sobre este problema, que só posso recomendar a vocês.

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 *.