25 Comprovados Aumentos de Performance WordPress para Sites Ultrarrápidos

Quase 30% de toda a internet roda em WordPress.

Problemas de performance do WordPress são bem conhecidos.

O fato é que você tem segundos, se não frações de segundo, para convencer usuários a permanecerem em uma página web.

Quando o tempo de carregamento de uma página aumenta de apenas 1 para 3 segundos, a probabilidade do usuário deixar o site sobe 32%. Se estender o tempo de carga para 5 segundos, as rejeições aumentam dramaticamente para 90%.

Além do efeito na experiência do usuário e retenção de visitantes, a velocidade do site impacta o posicionamento nos mecanismos de busca.

O Google deixou claro que dá tratamento preferencial a sites que carregam mais rápido. Todos os outros fatores sendo iguais, se seu site é mais rápido que o do concorrente, o Google o favorecerá nos rankings.

Os principais culpados incluem:

• Execução de numerosos scripts
• Download de gráficos e outros elementos incorporados
• Requisições HTTP repetidas ao servidor
• Busca de informações no banco de dados do WordPress

Aqui estão 25 dicas que respondem à pergunta como acelerar o WordPress e parar de perder clientes potenciais.

1. Escolha um Provedor de Hospedagem WordPress de Alta Qualidade

Se seu site está em hospedagem compartilhada com potencialmente centenas de outros sites competindo pelos mesmos recursos, você pode notar velocidade frustrante.

Para sites menores, hospedagem compartilhada pode ser completamente aceitável, desde que hospedada por provedor respeitável que inclua memória suficiente.

Uma vez que você atinja aproximadamente 30 mil visitantes mensais ou mais, considere mover para servidor dedicado ou, no mínimo, servidor privado virtual (VPS). Ambos previnem "vizinho ruim" de monopolizar todos os recursos compartilhados. Especialistas também recomendam procurar servidor fisicamente localizado perto do seu público-alvo. Menor a distância que seus dados precisam percorrer, mais rápido chegarão.

Muitas empresas de hospedagem oferecem pacotes de hospedagem WordPress compartilhada. Estes frequentemente fornecem opções de armazenamento menores, mas com pacotes de hardware mais rápidos e dedicados. Ainda melhor, uma solução de hospedagem de servidor gerenciado é frequentemente mais barata e inclusiva que outras opções disponíveis.

2. Aplique Atualizações do WordPress Prontamente

Para qualquer profissional de segurança, aplicar atualizações rapidamente parece óbvio. No entanto, na prática, aproximadamente 40% dos sites WordPress rodam a versão mais recente. Atualizações de software frequentemente incluem ajustes de velocidade além de melhorias de segurança, então atualize o quanto antes.

Atualizações também se aplicam a plugins de segurança WordPress. Alguns dizem que são ainda mais críticos para manter, pois frequentemente são a força motriz para gargalos de velocidade e vulnerabilidades de segurança. Recomenda-se verificar diariamente por atualizações disponíveis.

3. Evite Temas Inflados

Escolha tema WordPress com velocidade em mente. Não significa que você deve optar por site básico, mas não vá para tema "tudo menos a pia da cozinha". Muitos temas comerciais WordPress vêm cheios de recursos que não são usados. Esses recursos, armazenados no servidor em estado ocioso, podem criar arrasto no desempenho.

O padrão Twenty Fifteen, por exemplo, oferece bastante funcionalidade, incluindo mobile-first, enquanto permanece simplificado e enxuto. Procure tema WordPress que forneça o que você precisa e apenas o que você precisa.

4. Use Plugin de Cache

Fazer cache do seu site pode acelerar dramaticamente seu website e está entre as correções mais críticas desta lista.

Com plugin de cache, cópias de páginas geradas anteriormente são armazenadas na memória onde podem ser recuperadas rapidamente na próxima vez que forem necessárias. Fazer cache de uma página web é muito mais rápido que consultar o banco de dados WordPress múltiplas vezes e carregar da fonte. Também é mais amigável aos recursos.

Plugins de cache são inteligentes o suficiente para atualizar a cópia em cache se o conteúdo da página for atualizado. Plugins de cache recomendados para acelerar WordPress incluem WP Super Cache (gratuito), W3 Total Cache (gratuito) e WP Rocket (pago, mas o mais rápido em testes).

5. Otimize Imagens

Garanta que imagens estão em formato apropriado (PNG ou GIF para gráficos, JPEG para fotos) e não maiores do que precisam ser. Esta é uma das maneiras mais fáceis de acelerar o WordPress.

Comprima-as para tornar imagens menores para que baixem mais rápido para o usuário final. Você pode fazer isso manualmente antes de fazer upload das imagens ou automatizar o processo com plugin como WP Smush. Com WP-Smush, quaisquer imagens que você faça upload para seu site WordPress serão automaticamente comprimidas.

Esteja ciente de telas de alta resolução ao otimizar suas imagens. Utilize código @2x (e variações) se pretende direcionar imagens de altíssima resolução para dispositivos específicos.

6. Considere uma CDN

Uma rede de entrega de conteúdo, ou CDN, é um grupo geograficamente distribuído de servidores que trabalham juntos para entregar conteúdo rapidamente. Cópias do conteúdo estático do seu site são armazenadas em cache na CDN. Conteúdo estático inclui coisas como imagens, folhas de estilo e arquivos JavaScript.

Quando o navegador de um usuário solicita determinado conteúdo, ele é carregado do nó mais próximo da CDN. Por exemplo: se o usuário está no Reino Unido, e seu site é hospedado nos EUA, os dados não precisam cruzar o Atlântico para chegar ao usuário. Em vez disso, são servidos por um nó CDN próximo.

Para sites de alto tráfego, CDN oferece benefícios adicionais. Sem CDN, todas as suas páginas são servidas de uma única localização, colocando carga total em um único servidor. Com CDN, a carga do servidor é distribuída por múltiplos sites além do seu. CDN também pode ajudar a proteger contra ameaças de segurança como ataques de negação de serviço distribuído (DDoS).

CDN não é serviço de hospedagem WordPress. É serviço separado que pode ser usado para alavancar performance. Cloudflare é escolha popular para sites pequenos porque oferece versão gratuita. StackPath (anteriormente MaxCDN) não é grátis (começa em $9/mês) mas possui painel de controle amigável para iniciantes e integra com a maioria dos plugins populares de cache WordPress.

7. Configure Carregamento Preguiçoso (Lazy Loading)

Por que gastar largura de banda valiosa do site (e tempo) carregando imagens que seu visitante não pode ver?

Carregamento preguiçoso força apenas imagens "above the fold" (antes que usuário precise rolar) a carregarem imediatamente e atrasa o resto até o usuário rolar para baixo.

Carregamento preguiçoso é especialmente valioso se página contém múltiplas imagens ou vídeos que podem deixar seu site lento. Como muitos impulsionadores de velocidade WordPress, existem plugins para isso.

Os mais populares incluem BJ Lazy Load e Lazy Load by WP Rocket.

8. Melhores Plugins de Velocidade WordPress

Seu banco de dados WordPress armazena todo conteúdo do seu site. Isso inclui posts de blog, revisões, páginas, comentários e posts personalizados como conteúdo de formulários.

Também é onde temas e plugins rastreiam seus dados e configurações. Conforme seu site cresce, o banco de dados também cresce, e também a quantidade de overhead exigida por cada tabela no banco de dados. Conforme tamanho e overhead aumentam, o banco de dados torna-se menos eficiente. Otimizá-lo periodicamente pode aliviar este problema. Pense nisso como desfragmentar um disco rígido.

Você pode otimizar seu banco de dados através da ferramenta SQL de banco de dados WordPress do painel de controle de hospedagem. Para muitos, isso é phpMyAdmin.

Se usando phpMyAdmin, clique na caixa para selecionar todas as tabelas no banco de dados. Então na parte inferior da tela escolha "optimize table" no menu dropdown.

Alternativamente, você pode instalar plugin como WP-Optimize ou WP-DB Manager. Plugins têm vantagem de remover itens adicionais desnecessários além de otimizar dados restantes.

Por que perder tempo e espaço armazenando coisas como comentários na lixeira ou não aprovados e dados obsoletos?

9. Faça Check-up nos Seus Plugins

Cada plugin que você adiciona ao seu site adiciona código extra. Muitos adicionam mais que isso porque podem carregar recursos de outros domínios. Plugin ruim pode carregar 12 arquivos externos enquanto um otimizado se contenta com um ou dois.

Ao selecionar plugins, escolha apenas aqueles oferecidos por desenvolvedores estabelecidos e recomendados por fontes confiáveis. Se você está procurando plugins no repositório WordPress, verificação rápida é ver quantas outras pessoas também estão usando o mesmo plugin.

Se você encontrar plugin que está deixando seu site lento, procure outro que faça o mesmo trabalho mais eficientemente.

Ferramentas como Pingdom (olhe na seção file requests) e GTmetrix (olhe na aba Waterfall) podem ajudar a encontrar os piores infratores.

10. Remova Plugins Desnecessários

Cada plugin consome recursos e reduz velocidade do site. Não deixe plugins antigos, não usados no seu banco de dados. Simplesmente, delete-os para melhorar performance do WordPress.

11. Defina Cabeçalho Expires para Recursos Estáticos

Cabeçalho expires é forma de dizer aos navegadores para não se incomodarem em buscar novamente conteúdo que provavelmente não mudou desde a última vez que foi carregado. Em vez de obter cópia nova do recurso do seu servidor web, o navegador do usuário utilizará cópia local armazenada no computador dele, que é muito mais rápida para recuperar.

Você pode fazer isso adicionando algumas linhas de código ao seu arquivo .htaccess raiz como descrito neste artigo útil da GTmetrix.

Vale notar que se você ainda está desenvolvendo seu site e potencialmente mudando seu CSS, não adicione expiração distante para seus arquivos CSS. Caso contrário, visitantes podem não ver benefício de seus últimos ajustes de CSS.

12. Desative Hotlinking

Hotlinking (também conhecido como leeching) é forma de roubo de largura de banda. Funciona assim: outro webmaster linka diretamente para conteúdo no seu site (geralmente imagem ou vídeo) de dentro do conteúdo deles. A imagem será exibida no site do ladrão mas carregada do seu.

Hotlinking pode aumentar carga do seu servidor e diminuir performance do seu site, sem mencionar que é uso abismal de etiqueta web. Você pode proteger seu site de hotlinking bloqueando links externos para certos tipos de conteúdo, como imagens, no seu site.

Se você tem cPanel ou WHM fornecido pelo seu serviço de hospedagem, pode sempre usar ferramentas de proteção contra hotlinking embutidas que eles contêm. Caso contrário, se seu site usa servidor web Apache (hospedagem Linux), tudo que precisa fazer é adicionar algumas linhas de código ao seu arquivo .htaccess raiz.

Você pode escolher strings de código principais que permitem links internos e links de mecanismos de busca como Google. Também pode adicionar regras mais complexas como permitir links de fontes como serviço de feed ou configurar imagem padrão para mostrar no lugar de imagem hotlinked.

13. Ative GZIP

Diminuir o tamanho das suas páginas é crucial para entrega rápida.

GZIP é algoritmo que comprime arquivos no envio e restaura no recebimento. Ativar compressão GZIP no seu servidor pode reduzir dramaticamente tempos de carregamento de página reduzindo tamanhos de página até 70%.

Quando navegador requisita página, verifica se cabeçalho de resposta "Content-encoding: gzip" existe. Se sim, sabe que servidor tem GZIP ativado e conteúdo como HTML, folhas de estilo e JavaScript pode ser comprimido. Hoje GZIP é ativado por padrão em muitos servidores, mas é melhor ter certeza. Esta ferramenta gratuita de verificação de compressão GZIP dirá a você.

Se precisar ativar GZIP, maneira mais fácil é usar plugin como WP Rocket. W3 Total Cache também fornece forma de ativá-lo, sob suas opções de performance. Se não puder usar plugin por problemas de permissão ou não quiser e estiver usando hospedagem Linux, pode fazer você mesmo modificando arquivo .htaccess raiz do seu site. Este artigo explica como ativar gzip usando .htaccess.

14. Otimize sua Página Inicial para Velocidade do Site WordPress

Sua página inicial criará a primeira impressão da sua marca e negócio. É crucial otimizar para responsividade mobile, UI/UX agradável e, acima de tudo, velocidade.

Passos a tomar incluem:

• Remova widgets desnecessários. Você não precisa exibir todo widget em todo lugar.
• Não inclua widgets e plugins de compartilhamento na página inicial. Reserve-os para posts.
• Restrinja número de posts na página inicial. Menos posts igual a página menor, carregamento mais rápido.
• Use trechos (excerpts) em vez de posts completos. Novamente, menor igual a velocidade mais rápida.
• Vá fácil nos gráficos. Imagens e vídeos levam mais tempo para carregar que texto.

15. Hospede Vídeos em Outro Lugar

Em vez de fazer upload de vídeos como mídia e servi-los no seu site, aproveite serviços de vídeo para descarregar largura de banda e processamento.

Use o segundo mecanismo de busca mais acessado na web e faça upload dos seus vídeos para YouTube, ou serviço similar como Vimeo. Então você pode copiar pequeno pedaço de código e colar em um post no seu site onde quer que o vídeo apareça. Isso é conhecido como incorporar vídeo. Quando usuário visualiza a página, o vídeo será transmitido do servidor terceirizado em vez do seu. Diferente de hotlinking, esta é prática recomendada para conteúdo rico em mídia como vídeo.

16. Limite Revisões de Posts

A habilidade de reverter para versão salva anteriormente de um post pode ser útil, mas você precisa manter cada cópia de cada post que já fez? Provavelmente não.

Essas cópias extras atrapalham seu banco de dados e adicionam overhead, então é melhor colocar limite no número armazenado. Você pode fazer isso usando plugin como Revision Control, ou pode definir limite adicionando a seguinte linha ao seu arquivo wp-config.php:

define( 'WP_POST_REVISIONS', 3 );

Defina número que você se sinta confortável. Qualquer coisa será menos que o padrão, que armazena revisões automaticamente sem limite.

17. Defina Imagem Gravatar Padrão como Em Branco

Gravatar é serviço web que permite qualquer um criar perfil com imagem avatar associada que linka automaticamente ao seu endereço de email. Quando usuário deixa comentário em blog WordPress, seu avatar é exibido junto. Se usuário não tem imagem Gravatar definida, WordPress exibe imagem Gravatar padrão. Isso significa que você pode ter dezenas de comentários mostrando a mesma imagem "homem mistério" não informativa. Por que desperdiçar tempo de carregamento de página em algo não muito útil quando pode se livrar disso?

Mudar imagem Gravatar padrão é fácil. No painel Admin WordPress, vá em Configurações > Discussão. Role até seção Avatares. Selecione Em Branco como Avatar padrão. Missão cumprida.

18. Desative Pingbacks e Trackbacks

Quando Pingbacks e Trackbacks foram implementados, pretendiam ser veículo para compartilhar crédito e referenciar conteúdo relacionado. Na prática, são principalmente veículo para spam. Cada ping/track recebido adiciona entradas (ou seja, mais dados) ao seu banco de dados.

Como raramente são usados para algo além de obter link do seu site para o do spammer, considere desativá-los completamente. Para fazer isso, vá em Configurações > Discussão. Em configurações padrão de artigo, desmarque a linha que diz "Permitir notificações de link de outros blogs (pingbacks e trackbacks)." Note que isso desativará ping/tracks futuros, mas não se aplicará retroativamente a posts existentes.

19. Divida Comentários em Páginas

Receber montes de comentários no seu blog é ótimo, mas pode deixar carregamento geral da página lento. Para eliminar este problema potencial, vá em Configurações > Discussão e marque a caixa ao lado da opção "Dividir comentários em páginas". Você pode então especificar quantos comentários gostaria por página e se exibir os mais novos ou mais antigos primeiro.

20. Livre-se de Sliders (Carrosséis)

Se sliders parecem ótimos ou não é questão de opinião. Mas o fato de que eles deixam seu site WordPress mais lento não é.

Sliders adicionam JavaScript extra que leva tempo para carregar e reduzem taxas de conversão.

Eles também empurram seu conteúdo principal para baixo da página, talvez para fora da vista. Por que tomar golpe de performance para algo que serve apenas como enfeite ineficaz?

21. Mova Scripts para o Rodapé

JavaScript é linguagem de script útil que permite fazer todo tipo de coisa interessante. Também leva tempo para carregar os scripts que fazem a mágica acontecer. Quando scripts estão no rodapé, eles ainda terão que carregar, mas não segurarão o resto da página no processo. Esteja ciente que às vezes scripts precisam carregar em ordem particular, então mantenha mesma ordem se movê-los.

22. Combine Botões e Ícones em CSS Sprites

Um sprite é imagem grande composta por um monte de imagens menores. Com CSS sprites, você carrega a imagem sprite e então a posiciona para mostrar a porção que deseja exibir.

Assim, apenas uma requisição HTTP para a imagem resulta, em vez de requisições individuais para cada imagem componente.

23. Minifique JavaScript e CSS

Minificação é processo de tornar certos arquivos menores para que transmitam mais rápido. É realizado removendo espaços em branco, quebras de linha e caracteres desnecessários do código-fonte.

Better WordPress Minify é plugin popular de minificação. Oferece muitas opções de personalização. Comece verificando as duas primeiras opções gerais.

Essas duas especificam que arquivos JavaScript e CSS devem ser minificados. Plugin funciona criando novas cópias minificadas dos arquivos originais. Os originais ficam no lugar, então você pode reverter rapidamente se desejar.

24. Evite Redirecionamentos de Landing Page

WordPress é bem esperto sobre muitas coisas, e redirecionamentos são uma delas. Se visitante digita https://seudominio.com/artigoincrivel.html no navegador, e você tem seu site configurado para usar prefixo www, o visitante será redirecionado automaticamente para página correta (com prefixo www adicionado), https://www.seudominio.com/artigoincrivel.html.

E se usuário digita https:// em vez de https://? Provavelmente ainda chegará à página desejada, mas pode haver outro redirecionamento conforme HTTPS converte para HTTP, e então isso é redirecionado para URL www. Mais tempo gasto esperando página alvo carregar.

Redirecionamentos são úteis para levar visitante à página certa, mas levam tempo, atrasando carregamento. Portanto, você deve evitá-los quando possível. Ao linkar para página no seu site, certifique-se de usar versão correta, não redirecionada da URL. Além disso, seu servidor deve ser configurado para que usuários possam alcançar qualquer URL com no máximo um redirecionamento, não importa qual combinação de HTTP/HTTPS ou www seja usada.

Para verificar status de redirecionamentos atualmente empregados pelo seu site, tente algumas URLs neste Redirect mapper. Se você vir mais de um redirecionamento, precisará modificar seu servidor para garantir que visitantes cheguem ao lugar certo mais rápido.

Se seu site é hospedado em Linux, pode realizar isso adicionando regras de rewrite de URL ao seu arquivo .htaccess. Para outras plataformas de hospedagem, verifique seu painel para ver se há opção para configurar redirecionamento. Se não, contate suporte técnico e peça para consertarem para você.

25. Substitua PHP por HTML Estático

PHP é linguagem de execução rápida, mas não é tão veloz quanto HTML estático. Chances são que seu tema está executando meia dúzia de declarações PHP no header que podem ser trocadas por HTML estático. Se você visualizar seu arquivo header (Apresentação > Editor de Tema) verá muitas linhas parecidas com esta:

A parte em negrito é PHP que é executada toda vez que sua página carrega. Embora isso tome tempo mínimo, é mais lento que HTML direto.

Se você está determinado a tornar seu website o mais rápido possível, pode trocar o PHP por texto. Para ver com o que substituir o PHP, use opção Ver Código Fonte enquanto olha sua página web (clique direito > ver código fonte).

Você verá algo como isto:

A área em negrito é o texto que resultou do código PHP processado. Substitua a chamada PHP original com este código. Se fizer isso para as principais chamadas PHP no header apenas, você economiza pelo menos seis chamadas a PHP. Se você usa títulos diferentes ou títulos de artigos em páginas separadas para propósitos de SEO, não mude o PHP na primeira linha. Verifique seu rodapé e barra lateral para oportunidades adicionais de trocar PHP por texto.

Velocidade do Site Juntando Tudo: Otimização WordPress

Neste ponto, você deve ter firme compreensão de como acelerar seu site WordPress.

Você deve ser capaz de entender a importância de site responsivo focado em performance e velocidade para ganhar atenção dos usuários rapidamente.

Chances são que, enquanto navegava neste guia, você descobriu que seu website tinha bastante espaço para melhoria.

Uma vez que aplique as dicas acima, rode novamente teste de velocidade de site WordPress através do TestMySite e Page Speed Insights do Google.

Você deve ficar agradavelmente surpreso com a velocidade melhorada. Lembre-se de monitorar dados do Google Analytics para ver quantos mais visitantes recebe e tempo gasto em suas páginas. Isso deve ser ferramenta contínua para monitorar eficácia das suas otimizações.

Lembre-se que velocidade é essencial, mas não é tudo. Você poderia cortar todas as imagens, vídeos e plugins e empregar tema básico para atingir tempo de carregamento extremamente rápido, mas seu site pode acabar entediante.

Em vez disso, equilibre velocidade com aparência e função, com ênfase no lado da velocidade da equação. Seus clientes notarão. Pode contar com isso. Agora você está pronto para acelerar seu site WordPress!