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

Com um estudo recente da Microsoft mostrando que nosso tempo de 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 são impacientes. Pesquisas posteriores mostram que 40% das pessoas abandonarão seu site se demorar mais de 3 segundos para carregar.

Embora o WordPress por padrão seja 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 seu banco de dados regularmente

O WordPress é um CMS altamente dependente de banco de dados e isso pode contribuir para uma experiência lenta.

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

• Revisões de postagem: as revisões de postagem podem entupir rapidamente 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, pode atualizar seu wp-config.phparquivo adicionando o código abaixo:

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

  O código acima instrui o WordPress a salvar no máximo 5 revisões de postagem e salvar revisões apenas 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 plug-in WP-Sweep WordPress para gerenciar automaticamente as revisões de postagem.

• 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é você descobrir 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 os comentários de spam para evitar que 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 tenho um plug-in de encurtamento de URL que também mostra o uso de dados analíticos em até 160 MB do espaço do meu 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 plug-ins que armazenam dados de analytics e logs em seu site; na maioria das vezes, eles usam muito espaço no banco de dados e podem tornar seu site complicado e lento.

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

2 Otimize suas imagens

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

Existem 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 adiante.
• Atrasar carregamento de imagens; dessa forma, as imagens não carregam até que os leitores rolem até onde as imagens estão. 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 removendo 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 plug-in WP Smush ou o plug-in EWWW Image Optimizer. Para uma opção manual que não está restrita ao WordPress, você pode querer dar uma olhada no Kraken.

3 Ativar cache e expirar cabeçalhos

A maioria dos sites WordPress pode ser duas vezes mais rápida 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 solicitar arquivos diretamente de seu servidor, os navegadores de seus leitores os extraem de seu 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 rapidamente.

O cache pode ser muito eficaz para aumentar a velocidade do site, e observou-se 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:

• WP Super Cache
• Cache Total do WP
• WordFence (e depois 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, 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 cabeçalhos Expires.

4 Habilite a compactação GZIP

Qual é a sua ferramenta favorita para compactar arquivos no formato ZIP no seu computador? 7-Zip? WinRar? Você provavelmente já comprimiu arquivos pelo menos uma vez e notou o efeito milagroso de um arquivo de 200 MB ser subitamente reduzido para 40 MB? Como diabos isso aconteceu? Embora eu não esteja muito familiarizado com o tecnicismo 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 site em ZIP e oferece tudo intacto aos visitantes; em outras palavras, a experiência de visitar seu site é a mesma, mas seu site é muito mais rápido, pois seus visitantes recebem 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 um 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 rapidamente de uma conexão de Internet na Índia do que de uma conexão de Internet nos Estados Unidos. Não há muito o que fazer sobre isso; as pessoas com uma conexão à Internet mais próxima do local do seu site obterão velocidades mais rápidas, a menos que você use um serviço CDN confiável.

Ao configurar seu site WordPress para usar um CDN, você permite 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 deles; para que alguém visitando 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 mude seu tema 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ê obterá 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 o Copyblogger, Jerrod Morris revelou como uma mudança no tema do site foi capaz de levar o 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 fundo, em combinação com comandos CSS, para exibir adequadamente um fundo limpo; então aquela bela imagem de fundo que você está vendo provavelmente é composta de 12 imagens de fundo diferentes. Superficialmente, isso parece normal e inocente até você perceber que as 12 imagens representam 12 solicitações diferentes para o seu servidor a partir do navegador do visitante; e se você pudesse 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 fazer com 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 análises ou serviços de rastreamento. Se o código for instalado de forma síncrona em seu site, o código deverá 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 esteja 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 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 host melhor

Se o seu host for péssimo, as dicas apresentadas neste artigo não farão muita diferença; Eu regularmente analiso e crio 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 do que você fizer tornará seu site rápido porque a configuração do servidor é péssima.

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 para um host da web.