Como aumentar a velocidade e o desempenho do WordPress

Publicados: 2021-10-22

Velocidade é tudo. O público da web tem um tempo de atenção incrivelmente curto e o Google usa a velocidade de carregamento da sua página como parte de seus cálculos de SEO.

Duas razões convincentes para fazer tudo o que puder para garantir que seu site WordPress seja carregado o mais rápido possível!

WordPress é bastante rápido fora da caixa. É somente quando você começa a adicionar temas, plugins, imagens, vídeos e todo o conteúdo envolvente ao seu site que ele começa a desacelerar.

Há uma maneira de ter seu bolo e comê-lo.

Uma maneira de ter rich media em seu site, usar um tema bonito e adicionar muitos recursos interessantes com plugins. Tudo isso mantendo os tempos de carregamento da página curtos.

Esta página irá mostrar-lhe esse caminho.

Como medir a velocidade de carregamento da página

Antes de começarmos a acelerar o WordPress, achamos que é uma boa ideia fazer um teste de velocidade.

Se você executar um agora e registrar as descobertas e outro depois de concluir as etapas deste artigo, terá evidências quantificáveis ​​de que seu site é mais rápido.

Recomendamos o uso de duas ferramentas para avaliar a velocidade de carregamento da página, Pagespeed Insights do Google e GTMetrix .

Usaremos o GTMetrix para este exemplo.

  1. Visite o site da GTMEtrix e insira a URL do seu site na caixa
  2. Selecione o botão azul Teste seu site e aguarde a conclusão do teste

Quando o teste terminar, você verá um resultado como na imagem acima. Ele lhe dará uma nota de A a G e uma porcentagem de desempenho.

Quanto maiores esses resultados, mais rápidas serão suas páginas.

Existem algumas métricas úteis que você pode ver nesses resultados, mas não vamos abordá-las aqui, pois essa é uma postagem de blog inteira !

Basta dizer que queremos ir de tudo o que seu relatório diz agora para a Nota A e um mínimo de 95% para Desempenho. Se conseguirmos uma Estrutura acima de 90% também, melhor ainda!

Como acelerar o WordPress

Acelerar o WordPress é um processo. O seguinte inclui uma série de etapas individuais que você pode seguir para melhorar os tempos de velocidade de carregamento da página. Eles trabalham isoladamente, mas todos se combinam para criar um site mais rápido em geral.

Nem todas as etapas serão relevantes para você, portanto, não se preocupe em pulá-las se necessário.

Contanto que você siga algumas das etapas, você ainda melhorará a velocidade do seu site WordPress!

Uma palavra de cautela : Embora a maioria desses métodos funcione perfeitamente bem, cada site é diferente.

Se você administra uma loja de comércio eletrônico ou um site muito movimentado, pode se beneficiar testando as alterações em um site de teste com antecedência.

Dessa forma, se algo der errado, você poderá reverter a alteração sem afetar os visitantes.

Use um host rápido

A primeira dica que vamos compartilhar é usar um host de boa qualidade.

A hospedagem compartilhada é barata e a maneira ideal de iniciar um site, mas não é a mais rápida. Você está compartilhando esse servidor da Web com centenas, talvez milhares de outros sites, o que afeta o desempenho.

A atualização para hospedagem dedicada, hospedagem WordPress, VPS ou até hospedagem em nuvem dedicada pode fazer uma enorme diferença no desempenho do seu site.

Custa mais, mas vale a pena quando você cria seguidores!

Se o seu relatório GTMetrix mostrar uma pontuação baixa, verifique a guia Desempenho para:

  • Primeira pintura de conteúdo – A rapidez com que seu navegador recebe as informações necessárias para criar o primeiro pixel da página. Quanto mais rápido melhor.
  • Índice de velocidade – A rapidez com que a página se torna visível no navegador do visitante. Quanto mais rápido melhor.
  • Maior pintura de conteúdo – A rapidez com que o navegador carrega o maior ativo na página (geralmente imagens). Quanto mais rápido melhor.

Estes são todos os sinais de que você pode precisar de um host mais rápido!

Mantenha o WordPress atualizado

O WordPress está em constante desenvolvimento e aprimoramento. Algumas dessas melhorias incluirão correções de bugs, atualizações de segurança e refinamentos de código. Todos podem acelerar o seu site WordPress.

Além disso, manter o WordPress atualizado é uma boa prática!

Aqui está como fazê-lo.

  1. Faça login no WordPress selecione Painel no menu à esquerda
  2. Selecionar atualizações
  3. Atualize o WordPress se ele notificar você sobre uma atualização disponível
  4. Atualize quaisquer plugins se você encontrar algum que o exija

A grande maioria das atualizações do WordPress e plugins funcionam perfeitamente bem. Mas, se você administra um site ou loja particularmente popular, talvez queira realizar atualizações em um site de teste antes de ir ao ar, apenas por precaução.

Use um tema WordPress otimizado

Seu tema WordPress faz com que seu site pareça incrível, mas pode ter implicações no tempo de carregamento da página. Se você usar um tema inferior ou não otimizado, pode diminuir significativamente o carregamento.

Os temas Stylemix são todos otimizados para velocidade.

Eles não apenas têm uma aparência incrível e incluem toda a interatividade que você precisa, como também são projetados para carregar rapidamente e exigem recursos mínimos!

Use um plugin de cache do WordPress

O WordPress cria páginas dinamicamente sempre que um visitante chega a essa página. Isso requer algum processamento e chamadas de banco de dados para coletar todas as informações a serem apresentadas ao navegador do usuário.

Tudo isso leva tempo.

Um plugin de cache do WordPress pega uma cópia da página finalizada e a salva na memória. Na próxima vez que um visitante acessar a página, em vez de construí-la do zero, o plug-in enviará a cópia para o navegador do visitante, acelerando todo o processo.

Um plug-in de cache pode acelerar significativamente o tempo de carregamento da página.

Os plugins de cache do WordPress incluem:

  • Supercache WP
  • WP Foguete
  • Cache LiteSpeed
  • Cache Total W3
  • Cache mais rápido do WP
  • Hipercache

Existem muitos plugins de cache do WordPress, leia as resenhas e veja qual você mais gosta.

Otimize suas imagens

Os sites precisam de imagens para manter as coisas interessantes, destacar produtos e serviços e ajudar a converter visitantes. Mas as imagens não otimizadas são arquivos grandes que podem retardar o carregamento da página.

Imagens otimizadas são a resposta.

Se você viu um longo tempo de 'Maior pintura com conteúdo' em seu relatório GTMetrix, você precisa otimizar suas imagens. Embora o maior elemento possa ser qualquer coisa, geralmente é uma imagem.

A otimização de imagem é um processo de diminuir o tamanho dos arquivos sem afetar a qualidade da imagem ou a experiência do usuário. Pode parecer técnico, mas existem plugins específicos que podem ajudar.

Recomendamos otimizar suas imagens antes de carregá-las no WordPress e depois otimizá-las ainda mais com um plugin.

Você pode usar programas como o Mass Image Compressor em seu computador para reduzir os arquivos o máximo possível. Basta cortar a imagem no tamanho correto e executar a compactação.

Então, uma vez carregado no WordPress, use um plugin como o Smush para otimizá-los ainda mais.

No final, você deve ter otimizado suas imagens para serem o menor possível, sem comprometer a qualidade ou a experiência do usuário.

Use uma rede de entrega de conteúdo (CDN)

Uma rede de entrega de conteúdo é uma excelente maneira de acelerar o tempo de carregamento da página no WordPress, mas pode custar dinheiro.

Uma CDN tira uma cópia do seu site e de todos os seus arquivos e a distribui para servidores CDN em todo o mundo. A ideia é que o servidor mais próximo do visitante forneça as páginas solicitadas, o que funciona mais rápido.

Por exemplo, se seu host estiver na Alemanha e seu visitante for de Cingapura, haverá um atraso no carregamento da página devido ao tempo de transmissão.

Mas, se você usar uma CDN com um servidor em Cingapura, esse servidor enviará as páginas para o usuário, o que seria muito mais rápido.

As redes de entrega de conteúdo incluem:

  • Cloudflare
  • Rapidamente
  • KeyCDN
  • StackPath
  • Akamai

Não hospede áudio ou vídeo em seu site

Rich media é um ingrediente essencial no engajamento e todo site deve usá-lo sempre que possível.

No entanto, embora você deva apresentar áudio e vídeo em suas páginas, você não deve hospedá-lo sozinho.

Você pode fazer upload de áudio e vídeo diretamente para o WordPress, mas isso custará espaço de armazenamento e largura de banda. Se você usa um servidor dedicado, isso não será necessariamente um problema, mas se você usa hospedagem compartilhada, pode ser um problema.

É melhor usar um serviço como YouTube , Vimeo , SoundCloud e outros para realmente hospedar o vídeo e incorporá-lo à sua página.

Dessa forma, você pode usar rich media, mas não precisa se preocupar com a lentidão do seu site!

Escolha seus plugins com cuidado

Os plugins do WordPress adicionam recursos essenciais aos sites e todos nós usamos pelo menos alguns. Mas, como tudo, a qualidade é melhor do que a quantidade.

Isso não significa apenas comprar plugins premium porque são melhores, porque nem sempre são mais rápidos.

Isso significa escolher seus plug-ins com cuidado, ler comentários e verificar reclamações de que o plug-in torna os sites mais lentos.

Você também pode testá-los em seu site de teste antes de enviá-los ao vivo, apenas para ter certeza.

Minimize CSS, HTML e JavaScript

Minimizar é um termo usado para descrever a remoção de quaisquer dados desnecessários de um arquivo para torná-lo menor e mais eficiente.

Isso pode incluir quebras de página, código de tema desnecessário, código para chamar elementos não usados ​​em um tema do WordPress e outros lixos inúteis.

Alguns plugins de cache minimizam CSS, HTML e JavaScript como parte dos recursos, mas também existem plugins que podem fazer a mesma coisa.

Autoptimize é uma opção muito popular para minificar, pois é gratuito e muito eficaz.

Se você não quiser usar um plug-in, poderá usar ferramentas online para otimizar e minimizar. Algumas opções incluem CSS Minifier , JavaScript Minifier e Closure Compiler do próprio Google .

Remova JavaScript e CSS de bloqueio de renderização

JavaScript e CSS de bloqueio de renderização é um código que impede que as páginas fiquem visíveis para o usuário.

Você pode ver JavaScript e CSS de bloqueio de renderização na guia Waterfall do seu relatório GTMetrix. Ele lista qualquer coisa que retarde a sequência de carregamento, incluindo este código.

À medida que um navegador carrega uma página, ele precisa processar JavaScript e CSS antes que a própria página se torne visível.

Quanto mais código você tiver, maior será o atraso na renderização da página.

A boa notícia é que, se você instalou o Autoptimize para minimizar seus arquivos, o plug-in também pode remover arquivos de bloqueio de renderização.

O WP Rocket e alguns outros plugins de cache também têm a opção de remover JavaScript e CSS de bloqueio de renderização.

Aproveite o cache do navegador

Se você já usou o GTMetrix ou o Pagespeed Insights antes, verá uma mensagem para 'Aproveitar o cache do navegador'.

Desde então, isso foi substituído por 'Servir ativos estáticos com uma política de cache eficiente', mas é essencialmente a mesma coisa.

O cache do navegador é um método de manter uma cópia de suas páginas da web no navegador do visitante. Assim, se eles visitarem novamente, o navegador carregará imediatamente sua própria cópia, o que melhora a experiência do usuário.

Ele faz isso adicionando cabeçalhos de controle de cache e cabeçalhos ETag ao navegador do visitante.

Os cabeçalhos de controle de cache informam ao navegador por quanto tempo manter a cópia e a ETag verifica quaisquer alterações desde que a cópia foi feita.

Para aproveitar o cache do navegador, você precisará modificar seu arquivo .htaccess ou usar um plug-in de cache.

Antes de prosseguir, faz sentido verificar se o plug-in de cache que você instalou anteriormente define os cabeçalhos Cache-Control e ETag Headers. WP Rocket faz, outros plugins podem fazer o mesmo.

O arquivo .htaccess é usado no Apache para controlar quem pode acessar seu site e fornecer algumas regras básicas para URLs e acesso a diretórios.

Se seu host usa NGINX , você não terá um arquivo .htaccess. Como a maioria dos hosts da web parece usar o Apache, continuaremos com isso.

Você encontrará seu arquivo .htaccess na pasta raiz do seu host. Tire uma cópia dele antes de fazer a alteração.

Então:

  1. Selecione seu arquivo .htaccess, clique com o botão direito e selecione Editar
  2. Cole o seguinte na parte inferior do arquivo antes de '# END WordPress' e salve uma vez feito

#Customize expira o início do cache


 <IfModule mod_expires.c>
 Tamanho do arquivo Etag MTime
 AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
 Expira Ativo em
 ExpiresByType text/html “acessar 600 segundos”
 ExpiresByType application/xhtml+xml “acesso 600 segundos”
 ExpiresByType texto/css “acesso 1 mês”
 ExpiresByType texto/javascript “acesso 1 mês”
 ExpiresByType text/x-javascript “acesso 1 mês”
 Aplicação ExpiresByType/javascript “acesso 1 mês”
 ExpiresByType application/x-javascript “acesso 1 mês”
 Aplicação ExpiresByType/x-shockwave-flash “acesso 1 mês”
 Aplicação ExpiresByType/pdf “acesso 1 mês”
 ExpiresByType imagem/ícone x “acesso 1 ano”
 ExpiresByType image/jpg “acesso 1 ano”
 ExpiresByType imagem/jpeg “acesso 1 ano”
 ExpiresByType image/png “acesso 1 ano”
 ExpiresByType imagem/gif “acesso 1 ano”
 ExpiraDefault “acesso 1 mês”
 </IfModule>
 #Expira o fim do cache

Você pode alterar essas configurações para qualquer período de tempo que desejar, mas achamos que essas configurações funcionam bem.

Otimização de banco de dados

O WordPress é um sistema de gerenciamento de conteúdo baseado em banco de dados. Quanto mais dados e tabelas nesse banco de dados, mais pesquisas o WordPress precisa fazer para encontrar o que precisa.

É aí que entra a otimização de banco de dados.

Se você conhece bancos de dados, há muitas maneiras de otimizá-los. Para nós, meros mortais, existe o WP-Optimize.

WP-Optimize é um plugin WordPress gratuito que faz todo o trabalho duro para você. Ele arruma o banco de dados, otimiza tabelas e até otimiza suas imagens também.

Recomendamos fazer um backup completo do seu site antes de tocar no banco de dados, apenas por precaução!

Carregar lentamente páginas e postagens longas no WordPress

As imagens de carregamento lento costumavam ser essenciais para acelerar o tempo de carregamento da página. Você sabia que também existe uma opção para carregar páginas e postagens longas com preguiça?

Como o WordPress agora carrega imagens preguiçosamente por padrão, faz sentido configurar o carregamento lento para páginas e postagens.

Existem plugins para isso, incluindo WordPress Infinite Scroll e WP Ajax Load More Pagination e Infinite Scroll .

Ambos facilitam o trabalho de carregamento lento das páginas para fornecer um aumento modesto, mas perceptível, nos tempos de carregamento da página.

Use trechos em sua página inicial

Podemos estar entrando no reino dos ganhos marginais aqui, mas cada pequena ajuda. Como usar trechos de postagens de blog em sua página inicial.

O comportamento padrão no WordPress é mostrar postagens inteiras do blog, o que pode diminuir a velocidade de páginas que apresentam várias postagens.

Há uma configuração no WordPress que restringe isso a trechos, que carregam muito mais rápido.

Se você apresentar suas postagens mais recentes em sua página inicial, precisará ajustar essa configuração!

  1. Navegue até Configurações e Leitura no seu menu WordPress
  2. Defina ' Para cada postagem em um feed, inclua' como Trecho
  3. Selecione Salvar alterações

Isso não apenas fará com que sua página seja carregada mais rapidamente, mas também manterá as coisas limpas e organizadas onde quer que você mostre suas postagens mais recentes.

Limitar comentários por página

Limitar comentários por página é outro ganho marginal, mas que definitivamente pode afetar a velocidade se você receber muitos comentários.

Em vez de carregar todos os comentários já feitos em uma postagem ou página, limitá-los os divide em páginas. Isso reduz o processamento necessário para renderizar a página, o que acelera o carregamento.

  1. Navegue até Configurações e Discussão no seu menu WordPress
  2. Marque a caixa ao lado de ' Quebrar comentários em páginas com' e defina o número de comentários para 10-20
  3. Selecione Salvar alterações

Você pode definir o número de comentários para o que quiser. Obviamente, quanto menos comentários você carregar, mais rápida será a página, mas você precisa equilibrar isso com usabilidade e comentários encorajadores em suas postagens.

Reduzir redirecionamentos

Um redirecionamento é onde um URL é redirecionado para outro dentro de uma postagem ou página.

Por exemplo, se você mudou recentemente de HTTP para HTTPS, você usaria redirecionamentos para enviar visitantes ao domínio correto.

Os redirecionamentos são usados ​​para todos os tipos de coisas e são uma parte essencial do SEO e da usabilidade. Quanto mais estabelecido e antigo for o seu site, mais redirecionamentos você provavelmente terá.

Então, como você pode minimizá-los?

Uma maneira é usar um redirecionamento dentro do seu arquivo .htaccess.

No exemplo acima, o redirecionamento de HTTP para HTTPS pode ser feito no WordPress, mas é mais eficiente fazê-lo no nível do servidor, pois é muito, muito mais rápido.

Você encontrará seu arquivo .htaccess na pasta raiz do seu host. Tire uma cópia dele antes de fazer a alteração.

Então:

  1. Selecione seu arquivo .htaccess, clique com o botão direito e selecione Editar
  2. Cole o seguinte na parte inferior do arquivo antes de '# END WordPress' e salve uma vez feito

<IfModule mod_rewrite.c>

Rewrite Engine On
 RewriteCond !{HTTPS} desativado
 Regra de regravação ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
 RewriteCond %{HTTP_HOST} !^www\.
 Regra de regravação ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

 </IfModule>

O código diz ao seu servidor Apache para redirecionar automaticamente o tráfego HTTP para HTTPS, o que evita que o WordPress precise fazer isso e acelera o tempo de carregamento da página.

Redirecionamentos são um assunto extenso, então ao invés de aborrecê-lo com tudo aqui, por que não ler o Guia para Redirecionamentos do WordPress no WPEngine?

Reduza as revisões de postagens

O júri ainda está em dúvida se ter várias revisões de uma página ou postagem torna seu site lento ou não.

Não faz mal para reduzi-los embora. Se nada mais, ele mantém seu banco de dados organizado!

Você precisará editar seu arquivo wp-config para isso, que está no diretório do WordPress.

  1. Clique com o botão direito do mouse em wp-config e selecione Editar
  2. Cole o seguinte código na parte inferior do arquivo e salve-o

define( 'WP_POST_REVISIONS', 5 );

Você pode definir qualquer número de revisões que desejar, basta alterar o '5' para o número desejado. Quando o número de revisões exceder esse número, o banco de dados descartará a revisão mais antiga.

Desativar hotlinking

Se você administra um site que usa muitas imagens originais, rapidamente encontrará pessoas vinculando aos seus ativos.

Em vez de fazer uma captura de tela do recurso ou vincular à página, eles vincularão diretamente a esse recurso para que ele apareça na página deles enquanto ainda estiver hospedado na sua.

Isso é chamado de hotlink.

Todo o tráfego, de seus próprios visitantes e do site que fez o hotlink da página, usará os recursos do seu site, o que pode diminuir o tempo de carregamento.

Você pode evitá-lo com outro pedaço de código adicionado ao seu arquivo .htaccess.

  1. Selecione seu arquivo .htaccess, clique com o botão direito e selecione Editar
  2. Cole o seguinte na parte inferior do arquivo antes de '# END WordPress' e salve uma vez feito

#desativar hotlinking de imagens

RewriteEngine ligado
 RewriteCond %{HTTP_REFERER} !^$
 RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsiteURL.com [NC]
 RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
 Regra de reescrita \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Basta alterar onde você vê 'yourwebsiteURL.com' para o URL de seu site específico e pronto.

Acelerando o WordPress

Então é isso para acelerar o WordPress.

Agora é um bom momento para verificar a velocidade do seu site no GTMetrix mais uma vez. Se você implementou muitas dessas etapas, apostamos que agora você verá muitas melhorias!

Há muito o que absorver e algumas mudanças a serem feitas, mas esperamos ter explicado o porquê e como o suficiente para você acompanhar.

O que você deve obter é um site WordPress mais enxuto, mais malvado e mais rápido. Deve funcionar exatamente da mesma forma que sempre funcionou, mas mais rápido.

Você tem outras dicas para acelerar o WordPress? Seguiu este guia e quer compartilhar os resultados? Conte-nos nos comentários abaixo!