Os 10 indicadores mais importantes do teu desempenho WordPress

10 min.
Desempenho WordPress: Os 10 fatores-cheve mais importantes

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 eles podem reduzir ainda mais o tempo de carregamento da página dos seus projetos WordPress. Assim, temos processado sistematicamente as nossas conclusões a partir da análise das páginas dos nossos clientes nos últimos anos. 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 Insightsao qual nos referimos, por exemplo, neste artigo com mais detalhes.

#1 Cache - 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 memória cache por ti.

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

ebook: Meça o desempenho do seu site como um profissional

#2 Arrumar 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 desativar apenas 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 existir, melhor.

Muitas vezes, os plugins e temas que já não são mais necessários são resquícios de testes de funcionlidade 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 subestimado

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.

estimativas de arquivos HTTP De acordo com o estudo, as imagens constituem regularmente a maior parte do volume de dados de um website. Encolher as suas imagens deve ser, portanto, um dos primeiros passos na optimização. Você pode fazer uma otimização de imagem manualmente, ou pode 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 no seu site são geralmente arquivos JavaScript e CSS. Muitos usuários estão particularmente receosos de tocar nesses arquivos. Mas mesmo sem experiência em código, você pode facilmente entender 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 pelo navegador a partir do servidor web. Isto gera pedidos HTTP, que tendem a aumentar o tempo de carregamento da sua página. Entretanto, quando os scripts são combinados, o número de arquivos a serem carregados e, portanto, o número de solicitações é reduzido. Por exemplo, 53 pedidos individuais tornam-se um pouco mais de uma dúzia. É claro, o correspondente Plugins ...faz por ti.
  • Reduza: Os ficheiros CSS e JavaScript são linhas de código que permitem determinadas funções e desenhos na sua página. Este código é escrito por humanos. Mas é lido por máquinas. Porque é que isto é relevante? Muito do que um ser humano precisa para entender corretamente o código não é necessário por um computador. Espaços, comentários, etc. não são necessários para construir sua página corretamente. Ponha Plugins aqui mesmo como Autoptimize ...ligado. Eles convertem CSS e JavaScript de código humano para código legível na máquina. Isto torna os pacotes de dados individuais mais pequenos e a sua transmissão mais rápida.
  • A comprimir: Após a fusão e redução, o último passo é 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 um compactação GZIP por exemplo, via cachePlugins, via configurações manuais no .htaccess ou seu hoster já ativou a compressão no servidor.

Mesmo sem o conhecimento dos roteiros, é fácil entender o que as medidas individuais alcançam. E para as três etapas de trabalho há Pluginstambém leigos que podem otimizar CSS e JavaScript. No nosso Artigos sobre otimização CSS e JavaScriptexplicaremos mais detalhes e o apresentaremos a vários Plugins deles.

Quatro vitórias!

Estas foram as quatro áreas em que os nossos clientes conseguiram poupar um tempo de carga particularmente grande. Com relativamente pouco esforço, você pode melhorar seu WordPress desempenho através do cache, otimização de imagem, otimização de CSS & JavaScript e limpeza.

#5 Tudo não é nada sem alojamento

Os primeiros quatro campos de optimização prometem reduzir o tempo de carga, mas podem ser um desperdício de esforço se o seu alojamento o atrasar. Isto significa que menos da Requisitos de Hardware para o WordPress significado, mas sim certas tecnologias que lhe mostram que um hoster até lhe permite optimizar emWordPress conformidade.

Regra geral, podes-te lembrar 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 Alemanha
  • Versão atual do PHP (7.4)
  • HTTP/2 e certificado SSL gratuito

Depois há a diferença entre o alojamento partilhado e um servidor dedicado (virtual).

Com a hospedagem compartilhada você compartilha o servidor e seu poder computacional com outros sites. Normalmente de algumas dúzias a algumas centenas. Se você tem seu próprio servidor, você não precisa compartilhar o poder computacional com ninguém. Por isso, oferece a vantagem da segurança de desempenho.

Embora um servidor próprio não seja sinónimo de mais desempenho, a experiência mostra que especialmente as taxas de alojamento barato, que custam apenas alguns euros por mês, não podem competir com os servidores virtuais em termos de desempenho.

Os 10 indicadores mais importantes do teu desempenho WordPress

Os pontos mais finos - menos poder penetrante, mais esforço

Todas as áreas relevantes para o desempenho que mencionei até agora podem ser otimizadas por praticamente qualquer WordPress usuário. Seja através de Plugins, testes simples ou a compra de produtos apropriados. Fica mais complicado se você já tiver otimizado essas áreas. Porque então você tem que ir mais fundo na estrutura do local. E as medidas de optimização individual já não têm o mesmo poder de penetração.

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

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

Um exemplo ilustra o problema: um deslizador consiste em imagens e o comando de animação que faz girar essas imagens. Se o comando JavaScript for carregado primeiro e as imagens no final, a sua página já tem a função do controle deslizante, mas não as imagens a serem exibidas. Então carregar a página leva mais tempo. Este estado pode ser evitado pela ordem de carga correcta.

Embora existam formas de optimizar a ordem Pluginsde carregamento, a nossa experiência mostra que estas nem sempre são capazes de optimizar totalmente o seu site. Os melhores resultados neste caso são geralmente alcançados por um web designer que conhece bem o site e suas funções.

#7 Acima da dobra - otimizar a área visível da página

Além do tempo total de carregamento da sua página, o tempo de carregamento percebido decisivo. Portanto, o tempo que um visitante do seu site percebe como tempo de carregamento. Este tempo de carregamento percebido pode ser encurtado com alguns truques. Por exemplo, um usuário tem a impressão de que a página já está completamente construída, mesmo que os cálculos ainda estejam sendo feitos em segundo plano.

Especialmente importante para a optimização disto como Acima da dobra é a otimização da seqüência de carregamento. Isto significa que o conteúdo e as funções são priorizados que os seus visitantes devem ver no primeiro tamanho de tela.

WordPress  Performance: Ilustração do Above the Fold por raidboxes.de
A área superior é reservada aos visitantes por raidboxes.com é exibido sem rolagem. Este é o chamado "Above the Fold". Para todas as outras informações, o visitante tem de interagir com a página e rolar.

Você pode conseguir isso, por exemplo, otimizando a seqüência de carregamento. Mas também Pluginshá aqueles que garantem que o seu site carrega de forma mais eficiente. E apenas a área visível. carga preguiçosa ou a3 Carga preguiçosa são exemplos de tais 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, especialmente se a página for pesada em termos de imagem.

#8 Limpar a base de dados

Além de imagens e scripts, sua base de dados também pode se tornar muito grande. Mais uma vez, existem ferramentas úteis para manter a sua base de dados agradável e elegante. Por exemplo, o Plugin Otimização WP.

#9 Pingbacks e trackbacks

Por padrão, interage WordPress com outras páginas que permitem "pingbacks" e "trackbacks". Cada vez que o seu site ou um dos seus posts no blog for mencionado em tal página, o seu site será automaticamente notificado - colocando uma carga adicional na base de dados.

Se você não precisa desta funcionalidade (o valor agregado é insignificante na minha opinião) você deve desativar os pingbacks e trackbacks. Mais uma vez, o Plugin WP-Optimize ajuda aqui. Por uma questão de completude, deve ser mencionado aqui que este é mais um problema teórico. Nenhum dos nossos clientes teve sérias perdas de desempenho como resultado.

#10 Evitar hotlinking

Hotlinking significa que alguém liga directamente a uma imagem no seu servidor - por isso no final a sua largura de banda é "roubada". Em um servidor web Apache, você pode evitar hotlinking adicionando o seguinte código ao 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 wp-config 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;
    }
}

Quebra do código:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
especifica as extensões de arquivo que você quer proteger de hotlinking, por exemplo, se você ainda quiser proteger arquivos pdf, a linha de código ficaria assim
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 vão ajudá-lo a compreender melhor o que pode ser feito com esta regra. Estas linhas indicam quais os domínios que estão autorizados a ligar os seus ficheiros. Neste exemplo seusite.com 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 sua lista branca, o servidor retorna um 403 (Proibido).

Não tens acesso ao wp-config?

Você se pergunta o que você pode fazer se as mudanças no wp-config em seu host (como por exemplo em RAIDBOXES ) não são possíveis? Neste caso, há numerosas medidas de segurançaPlugins disponíveis no WordPress Diretório de pluginsque impedem a ligação directa. Uma Pluginque oferece esta função é, por exemplo All In One WP Security & Firewall. Plugin Está activo em mais de 800.000 WordPress páginas e tem uma classificação média de 4,8 em 5 estrelas (em quase 1.000 revisões).

"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 na Alemanha?", "Por que preciso de um CDN?", "Você recomendaria usar um CDN para o meu blog ou loja? Mas na maioria dos casos a resposta foi: Não.

Para resumir uma longa história: um CDN faz mais sentido se os seus utilizadores estiverem geograficamente dispersos. Por exemplo, se você tem clientes na Europa Central, América do Sul e Austrália. Se o seu grupo alvo principal estiver limitado a um país, você pode abandonar diretamente um CDN para otimizar seu WordPress desempenho.

O WordPress -desenvolvedor tem Ernesto Ruge a propósito, um artigo muito bom ...que só vos posso recomendar.

FREE DEV Programa RAIDBOXES

Conclusão: Não tenha medo de passos de optimização aparentemente complicados

Muitas vezes os utilizadores têm medo de tocar nessas áreas onde o tempo de carregamento pode ser poupado com particular facilidade. Ou eles negligenciam estas áreas. Outros, por outro lado, como o CDN, aparecem repetidamente durante as consultas, embora normalmente não tenham qualquer efeito no tempo de carregamento da página.

Por isso, só posso aconselhar que se concentrem primeiro nos "frutos baixos pendurados" da optimização. Com relativamente pouco esforço, você já pode fazer grandes progressos na redução do seu tempo de carga aqui. E isso mesmo que sejas um leigo.

Portanto, não se deixe PageSpeed Insightsperturbar pelos conselhos de ferramentas como o Google.

Porque no seu cerne, a optimização do tempo de carga é apenas sobre algumas áreas:

  • Reduza o tamanho da sua página
  • Redução de pedidos HTTP
  • Compressão dos pacotes de dados individuais
  • Otimização da experiência do usuário

Se você entendeu isso, então você também pode, sensatamente, girar os 10 parafusos de ajuste mais importantes do WordPress desempenho. E para etapas de otimização mais complexas, há também especialistas que podem fazer com que seu site seja perfeito.

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