Um sítio Web de carregamento rápido é um elemento não negociável para qualquer negócio em linha. Não é segredo para ninguém.
A questão é: por onde começar, se decidiu otimizar o seu sítio Web em termos de velocidade?
A Internet está cheia de conselhos com longas listas de verificação sobre a otimização da velocidade do WordPress, mas estes guias deixam muitas vezes os principiantes ainda mais confusos do que antes.
Não vou apresentar uma lista interminável de passos neste artigo. Em vez disso, vou concentrar-me nas poucas acções que, na minha experiência, têm o maior impacto na melhoria da velocidade da página para um site WordPress típico.
Além disso, pode realizar as acções mais importantes por si próprio, sem depender de um programador.
Área de melhoria 🎯 | Acções de otimização 🛠️ | Nível de impacto 🚀 |
---|---|---|
Infra-estruturas e distribuição | Escolha um alojamento Web rápido e implemente CDN | Alta a média |
Desempenho principal | Comprimir todas as imagens e utilizar a cache do sítio | Elevado |
Configuração do sítio | Utilize um tema leve e remova os plugins não utilizados | Elevado |
Otimização de scripts e suportes | Carregamento lento de JavaScript e multimédia; remover scripts não essenciais por página | Médio |
Otimização de correio eletrónico | Adicionar um pequeno atraso à entrega de correio eletrónico | Médio |
Eficiência do sítio | Reduzir o código, desativar os pingbacks, manter as tabelas da base de dados, atualizar o sítio e os plugins | Médio a baixo |
Otimização da velocidade do WordPress: Acções a tomar
Vou organizar este post por ordem de impacto de cada recomendação aqui listada, começando com as acções de maior impacto para melhorias na velocidade da página.
Saltar para a secção
Passos de otimização de grande impacto (para principiantes)
Vamos começar pelas optimizações mais fáceis e com maior impacto no sítio.
1. Utilizar um alojamento Web rápido
Esta é uma questão óbvia. O seu sítio web é essencialmente um recurso que está alojado num servidor. Se estiver num mau servidor, não obterá as velocidades ideais.
Mas quando se trata de escolher um anfitrião, há opiniões divergentes sobre praticamente todos os serviços de alojamento existentes.
Falando com base na minha experiência de trabalho com vários clientes e projectos, descobri que os sítios WordPress que utilizam um dos seguintes anfitriões Web quase nunca ficam lentos devido a problemas do lado do alojamento.
Anfitrião Web | Preço inicial |
---|---|
Hostinger | $1.99/mês |
Nuvens | $10/mês |
A2 Hosting | $2,99/mês |
Bluehost | $2.95/mês |
InMotion Hosting | $3.49/mês |
Kinsta | $33/mês |
SiteGround | $2,99/mês |
Esta não é, de forma alguma, uma lista exaustiva. Existem muitos outros excelentes fornecedores de alojamento e deve utilizá-los se estiver satisfeito com eles.
Mas se está à procura de recomendações, as opções na tabela acima devem certamente resolver os seus problemas de alojamento.
E a maioria destes fornecedores de alojamento tratará da migração do seu sítio gratuitamente, pelo que não é uma dor de cabeça que terá de suportar.
2. Otimizar todas as imagens
A otimização de imagens é um dos melhores exemplos de técnicas de baixo esforço mas de grande impacto que podem melhorar significativamente a velocidade de carregamento da sua página.
A vantagem 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 compressão de imagens é o Imagify.
Este plugin comprime automaticamente todas as imagens à medida que as carrega para o seu site e pode até executar uma operação em massa para comprimir todos os ficheiros existentes na sua biblioteca multimédia.
Além disso, pode converter as suas imagens para o formato WebP, que é muito superior aos formatos de imagem mais antigos, como JPEG e PNG.
Um conselho: Se, por qualquer razão, quiser utilizar um formato de imagem convencional, como PNG ou JPEG, opte por JPEG. As imagens em formato JPEG são mais fortemente comprimidas e de tamanho mais pequeno do que as PNG e alternativas semelhantes.
3. Implementar o armazenamento em cache
Acho que nunca encontrei um site de carregamento rápido que não usasse cache. Por isso, sou abertamente um defensor acérrimo do caching.
O WordPress tem alguns plug-ins de cache muito bons que são bastante 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, terá de estar num servidor LiteSpeed primeiro para tirar partido das funcionalidades de cache do LiteSpeed Cache.
Se estiver à procura de um serviço pago, o WP Rocket também é um excelente plugin de cache.
4. Escolha um tema WordPress leve
Um tema WordPress leve pode desempenhar um papel importante para que o seu sítio seja carregado rapidamente e se comporte de forma mais reactiva em geral.
Mas a escolha de um tema resume-se muitas vezes às funcionalidades e ao aspeto visual que um sítio Web pretende. E isso geralmente é feito à custa da velocidade.
Vou ser sincero. Os temas populares são óptimos, e alguns deles são optimizados para velocidade, mas tendem a ser populares mais pelas suas caraterísticas visuais do que por qualquer outra coisa.
Isto não é necessariamente uma coisa má - é apenas uma questão de prioridades. Mas se está à procura de um tema especificamente para velocidade, aqui estão as minhas 3 principais recomendações pessoais:
Mais uma vez, tenho a certeza de que existem muitos outros temas bem codificados, mas estes são os que eu vi terem um impacto notável na melhoria da velocidade do site.
5. Remover plug-ins não utilizados
A utilização de plugins pode ou não ter um efeito prejudicial na velocidade do seu sítio. Um plugin bom e limpo não é motivo para diminuir o desempenho do seu site.
Mas se tiver um plug-in inchado ou que consome demasiados recursos, pode fazer com que até um site bem optimizado tenha dificuldades em ter um bom desempenho.
Há duas formas de garantir que os seus plug-ins não o estão a prejudicar:
- Utilizar plugins fiáveis que ofereçam apenas funcionalidades dedicadas a um objetivo específico
- Remover os plug-ins de que não precisa.
Os plug-ins inchados que estão cheios de "extras" para além do seu objetivo principal exigem frequentemente demasiados recursos do seu Web site, levando a lentidão.
Pode remover os plug-ins acedendo a Plug-ins " Plug-ins instalados. Neste ecrã, pode desativar e remover os plug-ins de que já não necessita.
Manter o seu sítio limpo de plug-ins desnecessários é sempre uma boa ideia.
Quando utiliza apenas alguns plug-ins de que realmente precisa, pode identificar o culpado muito mais rapidamente se encontrar problemas de velocidade do site, em vez de ter de percorrer uma lista interminável de plug-ins que podem estar a tornar o seu site potencialmente mais lento.
Optimizações de impacto médio
As técnicas de alto impacto que partilhei acima devem ser sempre as primeiras coisas a verificar. Embora as dicas que partilho a seguir tenham um efeito de nível médio nas melhorias de velocidade, podem ainda assim contribuir para um aumento substancial do desempenho se forem aplicadas em conjunto.
6. Avaliar o sítio com o PageSpeed Insights e o GTMetrix
Espera um minuto... a primeira coisa a fazer não deveria ser um teste de diagnóstico de velocidade?
Essa é uma estratégia perfeitamente lógica. Mas não é algo que eu recomende.
O problema com estas ferramentas de diagnóstico é que podem sobrecarregá-lo com uma lista enorme de problemas a corrigir se ainda não tiver tomado quaisquer medidas de otimização.
Mas se começar com as alterações de baixo esforço que recomendei acima, já terá feito alguns progressos para obter uma pontuação de desempenho mais elevada e corrigido alguns dos problemas que nem sequer sabia que tinha quando efectuou um teste de diagnóstico da velocidade da página.
E vou sempre escolher o caminho que promete menos preocupações e ansiedade.
Assim, vamos primeiro analisar o seu site através do PagesSpeed Insights do Google e ver os resultados.
O primeiro aspeto a ter em atenção é se o seu sítio Web foi aprovado na avaliação dos elementos vitais da Web. O resultado desta avaliação encontra-se no topo do relatório.
Se o seu Web site estiver razoavelmente bem optimizado (é muito provável que esteja depois de aplicar as alterações sugeridas anteriormente), deve conseguir passar na avaliação.
Em todo o caso, o relatório também lhe dá uma lista dos problemas que ainda precisa de corrigir. E essa é a parte mais útil do relatório.
Pode pegar em todos os itens desta lista e começar a tratar de cada um deles, um a um. Algumas das dicas que discutirei a seguir estão diretamente relacionadas com os problemas comuns relatados por estes relatórios.
7. Atrasar o envio de e-mails
O WordPress pode gerar uma enorme quantidade de e-mails para os seus clientes, bem como para si, enquanto administrador.
Este problema afecta normalmente as lojas de comércio eletrónico que recebem muitas encomendas de clientes, ao ponto de o seu sítio Web poder ficar enterrado sob o peso de todos esses e-mails.
Para resolver este problema, pode adicionar um pequeno atraso à entrega de correio eletrónico das páginas que fazem vários pedidos de correio eletrónico num curto espaço de tempo.
A melhor parte é que este é um dos passos mais fáceis que pode tomar para melhorar a velocidade do seu site. Tudo o que precisa é de ter o plugin WP Mail SMTP configurado no seu site e esta opção activada.
Muitas vezes, esta simples definição pode melhorar significativamente as páginas e os processos essenciais do seu sítio Web, como a conclusão de encomendas.
8. Utilizar uma rede de distribuição de conteúdos (CDN)
A medida em que as CDNs podem melhorar a velocidade do seu sítio depende do tamanho do seu sítio e da diversidade geográfica dos seus visitantes.
Para sítios maiores com visitantes de todo o mundo, uma CDN pode ajudar muito o seu sítio a carregar mais rapidamente, armazenando cópias do seu conteúdo em servidores em diferentes locais do mundo.
Mas se for um site mais pequeno que serve um público mais localizado, uma CDN pode não ter muito impacto.
9. Manter a base de dados do WordPress
Vale a pena olhar para os bastidores do seu sítio Web e executar algumas operações de limpeza ao nível da base de dados do WordPress. Há sempre a possibilidade de eliminar recursos desnecessários, limpando o lixo da sua base de dados.
As revisões e as versões anteriores das publicações do blogue, os rascunhos automáticos e os comentários de spam podem acumular-se até um ponto em que a base de dados pode ficar demasiado grande. Mas este é outro problema que é muito fácil de resolver.
Mais uma vez, pode recorrer a plugins como o WP-Optimize, que oferecem excelentes funcionalidades de otimização do WordPress.
Outro plugin de que sou grande fã é o PerfMatters. Este plugin permite-lhe definir limites para revisões de posts, alterar os intervalos de auto-save, e dá-lhe outras configurações que pode usar para evitar que a sua base de dados cresça fora de controlo.
10. Adiar o carregamento do JavaScript
O JavaScript não essencial no seu site pode ser prejudicial para os tempos de carregamento inicial da página do seu site. Especialmente se houver muito JavaScript.
Pode adiar o JavaScript sem esforço com plugins como o PerfMatters e o WP-Rocket. É uma tarefa bastante simples e a maioria dos plugins que suportam esta funcionalidade são bastante eficazes no adiamento do JavaScript.
Lembre-se que a sua página continuará a demorar o mesmo tempo a carregar completamente. Mas os visitantes vão aperceber-se de que a sua página está a carregar visivelmente mais depressa.
O adiamento do JavaScript garante que os elementos interactivos importantes da página são carregados em primeiro lugar, tornando a sua página responsiva mais cedo do que antes.
11. Carregamento lento de suportes de dados
Ferramentas como o PageSpeed Insights recomendam normalmente o carregamento lento para as suas imagens, referindo-se frequentemente a isto como "adiar imagens fora do ecrã". O carregamento lento é uma técnica simples que carrega as suas imagens e vídeos à medida que o visitante percorre a sua página.
Como resultado, o carregamento inicial da página parece ser muito mais rápido para o utilizador. A maioria dos plug-ins que suportam o adiamento de JavaScript também possui recursos de carregamento preguiçoso de mídia.
O WP-Rocket é um dos meus favoritos para aplicar o lazy load sem código. Ele suporta o carregamento lento de muitas maneiras que podem desempenhar um papel importante na melhoria da velocidade de carregamento da sua página.
Estas incluem o carregamento lento padrão para imagens e vídeos, bem como opções extra super úteis, como iFrames de vídeo do YouTube com uma imagem de pré-visualização, carregamento lento de imagens CSS de fundo e muito mais.
Os sítios Web que utilizam uma quantidade razoável de imagens CSS de fundo, iFrames e outros meios de comunicação podem registar 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 requer sempre uma série de alterações, mas nem todas elas contribuem para o resultado final de forma igualmente impactante.
No entanto, as optimizações de baixo impacto não são, de forma alguma, insignificantes. Gosto de pensar que estes ajustes mais finos têm como objetivo espremer cada magnitude de velocidade.
12. Gerir os guiões de forma estratégica
Cada plugin tem vários scripts associados que podem estar a ser carregados globalmente no seu site. Muitas vezes, isto é desnecessário.
Por exemplo, se só precisar de botões de partilha de redes sociais nas publicações do seu blogue, é uma boa ideia impedir que o plugin carregue desnecessariamente em todas as partes do seu sítio.
O PerfMatters tem uma ferramenta muito útil, o Script Manager, que pode utilizar para desativar scripts página a página.
Esta é uma forma fantástica de minimizar o défice de velocidade que vários plug-ins podem estar a introduzir no seu site.
Simultaneamente, recomendo também que audite os pedidos externos no seu sítio e remova tudo o que for desnecessário.
Por exemplo, já vi sítios Web que utilizam bibliotecas de tipos de letra externas apenas para obter algumas opções de estilo de tipo de letra. Isto poderia ser facilmente resolvido de forma muito mais eficiente a nível do sítio, utilizando estilos CSS personalizados.
O problema é que isto não é algo que um plugin possa fazer por si, pelo que terá de recorrer a programadores Web para obter ajuda na auditoria e minimização de pedidos externos.
13. Reduzir o CSS e o JavaScript
A minimização reduz o tamanho dos seus ficheiros de código personalizado com o objetivo de melhorar o tempo de resposta do seu sítio Web.
Simplificando, 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.
Isto tem a desvantagem de tornar o código menos legível para um ser humano, mas tem a vantagem de melhorar a velocidade dos sítios que dependem de uma série de CSS e JavaScript personalizados.
Tal como acontece com praticamente todas as outras optimizações do WordPress, os meus plugins favoritos para minimizar o CSS no seu site são o WP-Optimize, o Autoptimize e o WP-Rocket.
14. Desativar Pingbacks e Trackbacks
Os pingbacks e trackbacks são tecnologias incorporadas no WordPress para notificar os blogues quando as suas mensagens são ligadas por outro sítio Web.
Embora a ideia seja boa, é também algo que consome os recursos do seu sítio. Além disso, podem deixar o seu site vulnerável a ataques DDoS e spammers.
O meu conselho para os proprietários de sítios WordPress é desativar totalmente os pingbacks e trackbacks. Para o fazer, abra o menu de administração do WordPress e navegue até Definições " Discussão.
Desmarque as duas primeiras caixas de verificação e está tudo bem.
Com estas definições desactivadas, o seu Web site não ficará louco a consumir largura de banda do servidor para enviar notificações de ligação para trás e para a frente.
Além disso, se quiser mesmo acompanhar os seus backlinks de forma mais estratégica, deve considerar investir em ferramentas de SEO como Ahrefs, SEMRush e Moz.
15. Atualizar o sítio e os plug-ins do WordPress
O ecossistema WordPress é mantido de forma muito ativa, com actualizações frequentes lançadas tanto para os ficheiros de instalação principais como para os plugins.
Para atualizar o seu sítio e os seus plug-ins, aceda ao menu Actualizações no seu Painel de controlo do WordPress. Se houver uma atualização disponível para o seu sítio Web, verá uma notificação com um botão para atualizar.
Da mesma forma, se existirem actualizações disponíveis para os plug-ins instalados, poderá actualizá-los a partir do mesmo ecrã.
Então, o que é que a atualização tem a ver com a velocidade do seu sítio? Muitas actualizações centram-se na correção de erros, bem como na remoção de conflitos e outras ineficiências que podem afetar a velocidade do seu sítio.
Além disso, existem melhorias de segurança nas actualizações que não são negociáveis para o seu sítio Web.
Na verdade, se estou a tentar avaliar um plugin, a primeira coisa que vejo é a frequência com que é atualizado. Se um programador actualiza frequentemente os seus plugins, isso indica que leva a sério a manutenção da qualidade e da segurança.
E estas são praticamente todas as dicas que tenho para os principiantes interessados em otimizar o seu site WordPress.
Embora as minhas recomendações não sejam exaustivas, podem colocá-lo numa posição sólida em termos de um sítio Web de carregamento rápido que funcione de forma adequada para os visitantes.
A seguir, aumente o nível de manutenção do seu sítio
A otimização da velocidade do seu sítio Web e a manutenção regular dos diferentes aspectos do mesmo são tarefas que andam de mãos dadas. A manutenção do seu sítio é muito mais fácil se utilizar os plugins de manutenção corretos, tal como recomendado no nosso artigo sobre este assunto.
Corrija seus e-mails do WordPress agora
Pronto para corrigir os seus e-mails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se não tiver tempo para corrigir os seus e-mails, pode obter assistência completa de Configuração de Luva Branca 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.