10 maneiras de otimizar seu site WordPress para torná-lo mais rápido

Com um estudo recente da Microsoft mostrando que nossa atenção diminuiu de 12 segundos em 2000 para 8 segundos em 2013, está ficando cada vez mais claro que os usuários da web estão impacientes. Outras pesquisas mostram que 40% das pessoas abandonarão seu site se demorar mais de 3 segundos para carregar.

Enquanto o WordPress por padrão é leve e rápido, a configuração do usuário médio da web pode tornar as coisas lentas e extremamente complicadas. Se você deseja um site WordPress rápido, preste atenção especial às dicas a seguir.

1. Otimize regularmente seu banco de dados

O WordPress é um CMS que depende muito de banco de dados, e isso pode contribuir para uma experiência lenta.

Os seguintes aspectos fazem uso de muito banco de dados e podem contribuir para um site lento:

• Post revisões: Post revisões podem rapidamente entupir seu banco de dados e tornar seu site mais lento. Cada revisão de postagem é uma nova entrada em seu banco de dados, e isso aumenta rapidamente. Você pode desativar as revisões de postagens ou limitá-las. Se você deseja revisões limitadas, você pode atualizar seu arquivo wp-config.php adicionando o código abaixo:

  [código]
  define('AUTOSAVE_INTERVAL', 300); // segundos
  define('WP_POST_REVISIONS', 5);
  [/código]

  O código acima instrui o WordPress a salvar no máximo 5 revisões de postagem e a salvar apenas revisões em intervalos de 5 minutos. Você pode editar o código para refletir suas necessidades de revisão de postagem.

  Alternativamente, se você não quiser adicionar código ao seu arquivo wp-config.php, você pode instalar o Revision Control ou o plugin WP-Sweep WordPress para gerenciar automaticamente as revisões dos posts.

• Pingbacks e trackbacks: Pingbacks e trackbacks também podem entupir seu banco de dados, então você pode desativá-los.
• Comentários do blog : Os comentários do blog não são necessariamente ruins, até que você descubra que tem milhares de comentários de spam que estão ocupando espaço desnecessariamente em seu banco de dados. Certifique-se de excluir regularmente comentários de spam para evitar que eles ocupem espaço na memória.
• Plugins: Alguns plugins armazenam dados e logs em seu banco de dados; inicialmente, você os considera úteis até perceber quanto espaço eles estão consumindo. Eu tive um plugin de encurtamento de URL que também mostra o uso de dados de análise até 160 MB do meu espaço de banco de dados. Sim, isso é apenas um plugin! Normalmente, esses plugins são desnecessários e podem ser removidos ou substituídos.
• Analytics e logs: geralmente, desconfie de plugins que armazenam dados de análises e logs em seu site; na maioria das vezes, eles usam muito espaço do banco de dados e podem tornar seu site complicado e lento.

Melhor ainda, você pode instalar o plugin WP-Optimize e usá-lo para limpar regularmente seu banco de dados.

2. Otimize suas imagens

O tamanho de suas imagens se soma ao tempo que leva para o seu site carregar; isso acontece especialmente quando você administra um site com muitas imagens, ou quando você usa imagens para todos os seus artigos e elas também precisam ser carregadas na página inicial.

Há duas maneiras de fazer isso:

• Otimize e reduza regularmente os tamanhos de suas imagens; você pode fazer isso sem comprometer a qualidade, como explicarei mais tarde.
• Atrasar o carregamento de imagens; dessa forma, as imagens não são carregadas até que os leitores rolem até onde estão as imagens. Isso também pode ajudar a evitar problemas de carregamento do site.

Ao otimizar suas imagens, uma imagem de 2mb pode ser reduzida para 600kb sem sacrificar a qualidade; isso é feito retirando informações incorporadas na imagem que não são necessárias para a experiência do usuário. Você pode otimizar imagens em seu blog WordPress instalando o plugin WP Smush ou o plugin EWWW Image Optimizer. Para uma opção manual que não está restrita ao WordPress, você pode dar uma olhada no Kraken.

3. Ative o cache e os cabeçalhos de expiração

A maioria dos sites WordPress pode ser duas vezes mais rápido se o cache estiver ativado; O cache funciona armazenando uma versão do seu site no cache do navegador do visitante, para que eles recebam automaticamente a versão em cache sempre que visitarem seu site. Normalmente, a menos que você defina suas configurações de cache de outra forma, o cache do navegador do visitante será atualizado quando você atualizar seu site, garantindo que eles não percam nada.

Ao utilizar efetivamente o cache, você pode otimizar a velocidade do seu site das seguintes maneiras:

• Em vez de precisar solicitar arquivos diretamente do seu servidor, os navegadores de seus leitores os extraem do cache, levando a uma experiência quase instantânea para eles.
• Devido à solicitação reduzida em seu servidor, a carga em seu servidor reduz, resultando em seu servidor entregando arquivos para novos usuários muito mais rápido.

O armazenamento em cache pode ser tão eficaz para aumentar a velocidade do site, e foi observado que habilitar o cache completo para o seu site pode melhorar a velocidade do site de 2,4 segundos para 900 milissegundos.

Você pode habilitar o cache em seu site instalando os seguintes plugins:

• Supercache WP
• Cache Total WP
• WordFence (e então habilite “Falcon Engine”)

Depois de habilitar o cache, você também pode habilitar Expires Headers para tornar seu site muito mais rápido; informando aos navegadores de seus visitantes quando solicitar determinados arquivos de seus servidores, o Expires Headers pode economizar recursos do servidor e fornecer um site mais rápido para seus usuários. Aqui está um tutorial útil sobre como habilitar Expires Headers.

4. Ative a compactação GZIP

Qual é a sua ferramenta favorita para compactar arquivos no formato ZIP no seu computador? 7-Zip? WinRar? Você provavelmente comprimiu arquivos pelo menos uma vez e notou o efeito milagroso em que um arquivo de 200 MB de repente foi reduzido para 40 MB? Como diabos isso aconteceu? Embora eu não esteja muito familiarizado com os aspectos técnicos da compactação, sei que é possível replicar isso para o seu site e garantir uma experiência mais rápida no site.

A compactação GZIP ajuda a compactar os arquivos do seu site para ZIP e oferece tudo intacto para seus visitantes; em outras palavras, a experiência de visitar seu site é a mesma, mas seu site é muito mais rápido, pois seus visitantes estão recebendo uma versão compactada.

Em um artigo para a Smashing Magazine, Marcus Taylor apresentou um estudo de caso de um site que passou de 68 KB para 13 KB exclusivamente devido à compactação GZIP; com base apenas na compactação GZIP, esse site é essencialmente cinco vezes mais rápido. Aqui está um tutorial que mostra 3 maneiras de ativar a compactação GZIP.

5. Use um CDN

A pesquisa mostrou que uma CDN pode aumentar a velocidade do seu site em até 60%.

Há muitos fatores que influenciam a entrega de conteúdo, mas um site hospedado na Índia será acessado muito mais rápido de uma conexão de internet na Índia do que de uma conexão de internet nos EUA. Não há muito o que fazer sobre isso; as pessoas com uma conexão de internet mais próxima da localização do seu site terão velocidades mais rápidas, a menos que você use um serviço de CDN confiável.

Ao configurar seu site WordPress para usar uma CDN, você está habilitando a distribuição de seu conteúdo em servidores em todo o mundo para que os visitantes possam receber a versão mais próxima a eles; para que alguém que visite da Ásia receba uma versão do seu site na Ásia, em vez da versão principal nos EUA

Existem muitos provedores de CDN e uma pesquisa no Google revelará opções; alguns dos serviços CDN mais populares são CloudFlare (gratuito) e MaxCDN (pago).

6. Otimize ou altere seu tema do WordPress

Seu tema WordPress também pode contribuir muito para o tempo de carregamento do seu site; se você usar um tema do WordPress que está inchado e que depende muito de consultas externas, você terá um site muito mais lento em comparação com alguém que usa um tema criado com base em padrões de conformidade.

Em um estudo de caso para Copyblogger, Jerrod Morris revelou como uma mudança no tema do site foi capaz de levar um tempo de carregamento do site de 630ms para 172ms; isso apesar do fato de que todo o resto era igual, exceto uma mudança em seu tema WordPress.

7. Combine Imagens de Fundo com Sprite de Imagem

Seu tema WordPress depende de várias imagens de plano de fundo, em combinação com comandos CSS, para exibir corretamente um plano de fundo limpo; então aquela bela imagem de fundo que você está vendo é provavelmente composta de 12 imagens de fundo diferentes. Na superfície, isso parece normal e inocente até você perceber que as 12 imagens representam 12 solicitações diferentes ao seu servidor do navegador do seu visitante; e se você puder transformar essas 12 imagens em 1? Você notará um aumento drástico na velocidade.

Ao combinar suas imagens de plano de fundo em sprites de imagem, você pode transformar as diferentes imagens de plano de fundo do seu tema em uma imagem e, em seguida, usar CSS para que seu site seja exibido normalmente. Isso reduzirá o número total de bytes que os navegadores de seus visitantes precisam baixar, atrasos causados ​​por viagens de ida e volta e sobrecarga de solicitações. O resultado é um site muito mais rápido para você.

Você pode combinar suas imagens em sprites usando SpriteMe.

8. Use apenas entrega assíncrona para códigos JavaScript

Você provavelmente já viu um tempo de inatividade do Facebook derrubar sites ou torná-los ridiculamente lentos? O interessante é que isso não acontece apenas quando você instala o código do Facebook; isso pode acontecer quando você instala o código de qualquer site de forma síncrona – especialmente serviços de análise ou rastreamento. Se o código for instalado de forma síncrona em seu site, o código deve ser carregado primeiro – dependendo da seção do código – antes que outros elementos em seu site sejam carregados.

Ao usar apenas a entrega assíncrona para seus códigos JavaScript, você pode garantir que seu site funcione de maneira adequada e rápida, independentemente do que está acontecendo com os servidores dos códigos JavaScript que você possui em seu site.

9. Ativar HTTP Keep-Alive

Sempre que um visitante solicitar um arquivo do seu servidor, cada arquivo será enviado individualmente; o problema com essa abordagem é que ela precisa abrir uma nova conexão para cada arquivo, eventualmente levando a um site lento, dependendo de quantas pessoas visitam seu site ao mesmo tempo. Ao habilitar o HTTP Keep-Alive, você está dizendo ao navegador do visitante para entregar todos os arquivos por meio de uma única conexão; desta forma, uma conexão ficará aberta até que todos os arquivos sejam enviados, reduzindo assim o número de conexões abertas em seu servidor e resultando em um site mais rápido.

10. Obtenha um anfitrião melhor

Se o seu host for ruim, as dicas apresentadas neste artigo não farão muita diferença; Eu regularmente analiso e faço o perfil de hosts da web e, no processo, vi hosts da web que classificam 2 em 10 quando se trata de carregamento de página; com esses hosts da web, nada que você faça tornará seu site rápido porque a configuração do servidor deles é uma droga.

No artigo da Smashing Magazine, Marcus Taylor incluiu um estudo de caso para mostrar o impacto que um host da web pode ter no tempo de carregamento de um site; ele comparou a velocidade do site de dois de seus clientes; um em um servidor dedicado e outro em um host compartilhado. A resposta foi impressionante; o site em um servidor dedicado teve um tempo de resposta de 7 milissegundos, enquanto o site no servidor de hospedagem compartilhada barata teve um tempo de resposta de 250 milissegundos.

Seu host definitivamente importa; certifique-se de fazer sua devida pesquisa antes de se estabelecer em um host.