Um site de carregamento rápido é um item não negociável para qualquer negócio on-line. Isso não é segredo.
A questão é: por onde começar se você decidiu otimizar bem o seu site para aumentar a velocidade?
A Internet está repleta de conselhos com longas listas de verificação sobre a otimização da velocidade do WordPress, mas esses guias geralmente deixam os iniciantes ainda mais confusos do que antes.
Não vou lhe dar uma lista interminável de etapas neste artigo. Em vez disso, vou me concentrar nas poucas ações que, em minha experiência, causam o maior impacto na melhoria da velocidade da página em um site WordPress típico.
Além disso, você mesmo pode realizar as ações mais importantes sem depender de um desenvolvedor.
| Área de aprimoramento 🎯 | Ações de otimização 🛠️ | Nível de impacto 🚀 |
|---|---|---|
| Infraestrutura e distribuição | Escolha um host rápido e implemente a CDN | Alta a média |
| Desempenho básico | Compactar todas as imagens e usar o cache do site | Alta |
| Configuração do site | Use um tema leve e remova os plug-ins não utilizados | Alta |
| Otimização de scripts e mídia | Carregamento lento de JavaScript e mídia; remoção de scripts não essenciais por página | Médio |
| Otimização de e-mail | Adicionar um pequeno atraso à entrega de e-mails | Médio |
| Eficiência do site | Reduzir o código, desativar pingbacks, manter tabelas de banco de dados, atualizar o site e os plug-ins | Médio a baixo |
Otimização da velocidade do WordPress: Ações a serem tomadas
Organizarei esta postagem por ordem de impacto de cada recomendação listada aqui, começando com as ações de maior impacto para melhorias na velocidade da página.
Ir para a seção
Etapas de otimização de alto impacto (para iniciantes)
Vamos começar com as otimizações de site mais fáceis e de maior impacto.
1. Use hospedagem rápida na Web
Isso é óbvio. Seu site é essencialmente um recurso hospedado em um servidor. Se você estiver em um host ruim, não obterá velocidades ideais.
Porém, quando se trata de escolher um host, há opiniões divergentes sobre praticamente todos os serviços de hospedagem existentes.
Falando com base em minha experiência de trabalho com vários clientes e projetos, descobri que os sites do WordPress que usam um dos seguintes hosts da Web quase nunca ficam lentos devido a problemas do lado da hospedagem.
| Host da Web | Preço inicial |
|---|---|
| Hostinger | US$ 1,99/mês |
| Nuvens | US$ 10/mês |
| Hospedagem A2 | $2,99/mês |
| Bluehost | US$ 2,95/mês |
| Hospedagem InMotion | US$ 3,49/mês |
| Kinsta | US$ 33/mês |
| SiteGround | $2,99/mês |
Esta não é, de forma alguma, uma lista exaustiva. Há muitos outros excelentes provedores de hospedagem e você deve usá-los se estiver satisfeito com eles.
Mas se estiver procurando recomendações, as opções da tabela acima certamente resolverão seus problemas de hospedagem.
E a maioria desses provedores de hospedagem cuidará da migração do seu site gratuitamente, portanto, não é uma dor de cabeça que você terá que suportar.
2. Otimize cada imagem
A otimização de imagens é um dos melhores exemplos de técnicas de baixo esforço, mas de alto impacto, que podem melhorar significativamente a velocidade de carregamento de sua página.
O bom para os proprietários de sites WordPress é que é muito fácil automatizar a otimização de imagens. Um dos meus plug-ins favoritos para lidar com a compactação de imagens é o Imagify.
Esse plug-in compacta automaticamente todas as imagens à medida que são carregadas no site e pode até mesmo executar uma operação em massa para compactar todos os arquivos existentes na biblioteca de mídia.
Além disso, ele pode converter suas imagens para o formato WebP, que é muito superior aos formatos de imagem mais antigos, como JPEG e PNG.
Um conselho: Se você quiser usar um formato de imagem convencional, como PNG ou JPEG, por qualquer motivo, opte pelo JPEG. As imagens no formato JPEG são mais compactadas e têm tamanho menor do que as imagens PNG e alternativas semelhantes.
3. Implementar o cache
Acho que nunca encontrei um site de carregamento rápido que não usasse o cache. Portanto, sou um defensor declarado do cache.
O WordPress tem alguns plug-ins de cache realmente bons que são muito fáceis de usar e realmente cumprem o que prometem.
Mesmo os gratuitos, como o WP-Optimize e o LiteSpeed Cache, são fantásticos. No entanto, você precisará estar em um servidor LiteSpeed primeiro para aproveitar os recursos de cache do LiteSpeed Cache.
Se estiver procurando um serviço pago, o WP Rocket também é um ótimo plugin de cache.
4. Escolha um tema WordPress leve
Um tema WordPress leve pode desempenhar um papel importante para que seu site carregue rapidamente e se comporte de forma mais responsiva em geral.
Mas a escolha de um tema geralmente se resume às funcionalidades e aos recursos visuais que um site está buscando. E isso geralmente é feito às custas da velocidade.
Vou ser sincero. Os temas populares são ótimos, e alguns deles são otimizados para velocidade, mas tendem a ser populares mais por seus recursos visuais do que por qualquer outra coisa.
Isso não é necessariamente uma coisa ruim, é apenas uma questão de prioridades. Mas se você estiver procurando um tema especificamente para velocidade, aqui estão minhas três principais recomendações pessoais:
Mais uma vez, tenho certeza de que há vários outros temas bem codificados por aí, mas esses são os que vi terem um impacto perceptível na melhoria da velocidade do site.
5. Remover plug-ins não utilizados
O uso de plug-ins pode ou não ter um efeito prejudicial na velocidade de seu site. Um plug-in bom e limpo não seria motivo para diminuir o desempenho de seu site.
No entanto, se você tiver um plug-in inchado ou que consome muitos recursos, até mesmo um site bem otimizado pode ter dificuldades para apresentar um bom desempenho.
Há duas maneiras de garantir que seus plug-ins não estejam prejudicando você:
- Usar plug-ins confiáveis que ofereçam apenas funcionalidades dedicadas para uma finalidade específica
- Remoção de plug-ins desnecessários.
Plug-ins inchados que estão repletos de "extras" além de sua finalidade principal geralmente exigem muitos recursos de seu site, causando lentidão.
Você pode remover plug-ins acessando Plug-ins " Plug-ins instalados. Nessa tela, você pode desativar e remover os plug-ins de que não precisa mais.
Manter seu site livre de plug-ins desnecessários é sempre uma boa ideia.
Quando você usa apenas alguns plug-ins de que realmente precisa, pode identificar o culpado com muito mais rapidez se encontrar problemas de velocidade do site, em vez de ter de examinar uma lista interminável de plug-ins que podem estar deixando o site mais lento.
Otimizações de médio impacto
As técnicas de alto impacto que compartilhei acima devem ser sempre os primeiros itens a serem verificados. Embora as dicas que estou compartilhando a seguir tenham um efeito de nível médio nas melhorias de velocidade, elas ainda podem resultar em um aumento substancial de desempenho se forem aplicadas em conjunto.
6. Avalie o site com o PageSpeed Insights e o GTMetrix
Espere um minuto... executar um teste de diagnóstico de velocidade não deveria ser a primeira coisa que você deveria ter feito?
Essa é uma estratégia perfeitamente lógica. Mas não é algo que eu recomendo.
O problema com essas ferramentas de diagnóstico é que elas podem sobrecarregá-lo com uma lista enorme de problemas a serem corrigidos se você ainda não tiver tomado nenhuma medida de otimização.
Mas se você começar com as alterações de baixo esforço que recomendei acima, já terá feito algum progresso para obter uma pontuação de desempenho mais alta e corrigido alguns dos problemas que você nem sabia que tinha quando executou um teste de diagnóstico de velocidade da página.
E sempre tomarei o caminho que promete o mínimo de preocupação e ansiedade.
Portanto, vamos primeiro executar seu site no PagesSpeed Insights do Google e ver os resultados.
O primeiro aspecto a ser observado é se o seu site foi aprovado na avaliação dos principais recursos vitais da Web. O resultado dessa avaliação está na parte superior do relatório.
Se o seu site estiver razoavelmente bem otimizado (há uma boa chance de que esteja depois de aplicar as alterações sugeridas anteriormente), você deverá ser aprovado na avaliação.
De qualquer forma, o relatório também fornece um detalhamento dos problemas que você ainda precisa corrigir. E essa é a parte mais útil do relatório.
Você pode pegar todos os itens dessa lista e começar a lidar com cada um deles, um a um. Algumas das dicas que discutirei a seguir estão diretamente relacionadas aos problemas comuns relatados por esses relatórios.
7. Atrasar o envio de e-mails
O WordPress pode gerar uma enorme quantidade de e-mails para seus clientes e para você como administrador.
Esse problema geralmente afeta as lojas de comércio eletrônico que recebem muitos pedidos de clientes, a ponto de seu site ficar soterrado pelo peso de todos esses e-mails.
Para corrigir isso, você pode adicionar um pequeno atraso à entrega de e-mails de páginas que fazem várias solicitações de e-mail em um curto espaço de tempo.
A melhor parte é que essa é uma das medidas mais fáceis que você pode tomar para melhorar a velocidade do seu site. Tudo o que você precisa é ter o plug-in WP Mail SMTP configurado em seu site e essa opção ativada.
Muitas vezes, essa configuração simples pode melhorar sensivelmente as páginas e os processos essenciais do seu site, como o check-out de pedidos.
8. Use uma rede de distribuição de conteúdo (CDN)
O grau em que as CDNs podem melhorar a velocidade de seu site depende do tamanho do site e da diversidade geográfica de seus visitantes.
Para sites maiores, com visitantes de todo o mundo, uma CDN pode ajudar muito a acelerar o carregamento do seu site, armazenando cópias do seu conteúdo em servidores em diferentes locais do mundo.
Mas se você tiver um site menor que atende a um público mais localizado, uma CDN pode não ter muito impacto.
9. Manutenção do banco de dados do WordPress
Vale a pena dar uma olhada nos bastidores do seu site e executar algumas operações de limpeza no nível do banco de dados do WordPress. Sempre há oportunidades de remover cargas desnecessárias de recursos limpando o lixo de seu banco de dados.
As revisões e as versões anteriores das publicações do blog, os rascunhos automáticos e os comentários de spam podem se acumular até o ponto em que o banco de dados pode ficar muito grande. Mas esse é outro problema que é muito fácil de resolver.
Mais uma vez, você pode recorrer a plug-ins como o WP-Optimize, que oferecem excelentes recursos de otimização do WordPress.
Outro plug-in do qual sou grande fã é o PerfMatters. Esse plug-in permite definir limites para revisões de postagens, alterar os intervalos de salvamento automático e fornece outras configurações que podem ser usadas para evitar que seu banco de dados fique fora de controle.
10. Adiar o carregamento do JavaScript
O JavaScript não essencial em seu site pode prejudicar o tempo de carregamento inicial da página. Especialmente se houver uma grande quantidade dele.
Você pode adiar o JavaScript sem esforço com plug-ins como PerfMatters e WP-Rocket. É uma tarefa bastante simples e a maioria dos plug-ins que oferecem suporte a essa funcionalidade é bastante eficaz no adiamento do JavaScript.
Lembre-se de que sua página ainda levará o mesmo tempo para carregar completamente. Mas os visitantes perceberão que sua página está carregando visivelmente mais rápido.
O adiamento do JavaScript garante que os elementos interativos importantes da página sejam carregados primeiro, tornando sua página responsiva mais cedo do que antes.
11. Mídia de carregamento lento
Ferramentas como o PageSpeed Insights geralmente recomendam o carregamento lento para suas imagens, muitas vezes referindo-se a isso como "adiamento de imagens fora da tela". O carregamento lento é uma técnica simples que carrega suas imagens e vídeos à medida que o visitante rola a página.
Como resultado, o carregamento inicial da página parece ser muito mais rápido para o usuário. A maioria dos plug-ins que oferecem suporte ao adiamento de JavaScript também tem recursos de carregamento lento de mídia.
O WP-Rocket é um dos meus favoritos para aplicar o lazy load sem código. Ele oferece suporte ao carregamento lento de várias maneiras que podem contribuir para melhorar a velocidade percebida de carregamento da página.
Isso inclui o carregamento lento padrão para imagens e vídeos, bem como opções extras muito úteis, como iFrames de vídeo do YouTube com uma imagem de visualização, imagens CSS de fundo com carregamento lento e muito mais.
Os sites que usam uma boa quantidade de imagens CSS de fundo, iFrames e outras mídias podem obter melhorias significativas apenas com o carregamento lento. Mas o nível de impacto varia de site para site.
Dicas de otimização de baixo impacto (ajuste fino para velocidade)
A otimização da velocidade sempre requer uma série de alterações, mas nem todas elas contribuem para o resultado final de forma igualmente impactante.
No entanto, as otimizações de baixo impacto não deixam de ser importantes. Gosto de pensar que esses ajustes mais finos têm o objetivo de extrair cada magnitude de velocidade.
12. Gerenciar scripts estrategicamente
Todo plug-in tem vários scripts associados a ele que podem estar sendo carregados globalmente em seu site. Muitas vezes, isso é desnecessário.
Por exemplo, se você só precisa de botões de compartilhamento de mídia social nas publicações do seu blog, é uma boa ideia impedir que o plug-in seja carregado desnecessariamente em todas as partes do seu site.
O PerfMatters tem uma ferramenta muito útil, o Script Manager, que você pode usar para desativar scripts página por página.
Essa é uma maneira fantástica de minimizar o déficit de velocidade que vários plug-ins podem estar introduzindo em seu site.
Ao mesmo tempo, também recomendo auditar as solicitações externas em seu site e remover tudo o que for desnecessário.
Por exemplo, já vi sites usando bibliotecas de fontes externas apenas para obter algumas opções de estilo de fonte. Isso poderia ser feito com muito mais eficiência no nível do site usando o estilo CSS personalizado.
O problema é que isso não é algo que um plug-in possa fazer por você, portanto, será necessário recorrer aos desenvolvedores da Web para obter ajuda com a auditoria e a minimização de solicitações externas.
13. Reduzir CSS e JavaScript
A minimização reduz o tamanho dos arquivos de código personalizado com o objetivo de melhorar o tempo de resposta do seu site.
Em termos simples, a redução do código implica a remoção de espaços, quebras de linha, comentários e encurtamento de nomes de variáveis.
Isso tem a desvantagem de tornar o código menos legível para um ser humano, mas tem a vantagem de aumentar a velocidade dos sites que dependem de um monte de CSS e JavaScript personalizados.
Como em praticamente todas as outras otimizações do WordPress, meus plug-ins favoritos para reduzir o CSS em seu site são o WP-Optimize, o Autoptimize e o WP-Rocket.
14. Desativar pingbacks e trackbacks
Pingbacks e trackbacks são tecnologias incorporadas ao WordPress para notificar blogs quando suas postagens são vinculadas por outro site.
Embora a ideia seja boa, também é algo que consome os recursos do seu site. Além disso, eles podem deixar seu site vulnerável a ataques DDoS e spammers.
Meu conselho para os proprietários de sites do WordPress é desativar totalmente os pingbacks e trackbacks. Você pode fazer isso abrindo o menu de administração do WordPress e navegando até Configurações " Discussão.
Desmarque as duas primeiras caixas de seleção e tudo estará resolvido.
Com essas configurações desativadas, seu site não ficará louco consumindo a largura de banda do servidor para enviar e receber notificações de links.
Além disso, se você quiser mesmo monitorar seus backlinks de forma mais estratégica, considere investir em ferramentas de SEO como Ahrefs, SEMRush e Moz.
15. Atualizar o site e os plug-ins do WordPress
O ecossistema do WordPress é mantido de forma muito ativa, com atualizações frequentes lançadas para seus arquivos de instalação principais e plug-ins.
Para atualizar seu site e plug-ins, acesse o menu Updates (Atualizações ) no painel do WordPress. Se houver uma atualização disponível para seu site, você verá uma notificação com um botão para atualizar.
Da mesma forma, se houver atualizações disponíveis para seus plug-ins instalados, você poderá atualizá-las na mesma tela.
Então, o que a atualização tem a ver com a velocidade do seu site? Muitas atualizações se concentram na correção de bugs, bem como na remoção de conflitos e outras ineficiências que podem afetar a velocidade do site.
Além disso, há melhorias de segurança nas atualizações que não são negociáveis para seu site.
Na verdade, se estou tentando avaliar um plug-in, a primeira coisa que vejo é a frequência com que ele é atualizado. Se um desenvolvedor atualiza seus plug-ins com frequência, isso indica que ele leva a sério a manutenção da qualidade e da segurança.
E essas são praticamente todas as dicas que tenho para iniciantes interessados em otimizar seu site WordPress.
Embora minhas recomendações não sejam exaustivas, elas podem colocá-lo em uma posição sólida em termos de um site de carregamento rápido que funciona de forma responsiva para os visitantes.
Em seguida, aumente o nível de manutenção de seu site
A otimização da velocidade de seu website e a manutenção regular de diferentes aspectos dele são tarefas que andam de mãos dadas. A manutenção do seu site é muito mais fácil se você estiver usando os plug-ins de manutenção corretos, conforme recomendado em nosso artigo sobre esse assunto.
Corrija seus e-mails do WordPress agora
Pronto para corrigir seus e-mails? Comece hoje mesmo a usar o melhor plugin SMTP para WordPress. Se você não tiver tempo para corrigir seus e-mails, poderá obter assistência completa da White Glove Setup como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais sobre o WordPress.
