10 melhores maneiras de acelerar seu site WordPress

Desde que o Google anunciou a introdução da velocidade da página como uma das métricas para determinar a classificação de SEO, os proprietários de sites tornaram uma de suas principais prioridades fazer com que seus sites carreguem rapidamente.

Os tempos de carregamento da página também afetam se os visitantes desistem antes que a página carregue completamente. Com um site de carregamento lento, você pode perder uma quantidade significativa de tráfego e conversões.

Neste guia, discutiremos uma lista de ações que você pode executar para acelerar seu site WordPress.

Por que a velocidade da página é importante?

Existem duas razões principais pelas quais a velocidade da página é importante para você como proprietário do site.

Primeiro, a velocidade da página afeta seus rankings de SEO. Se houver dois sites comparáveis ​​em todos os outros aspectos do SEO, os mecanismos de pesquisa penalizarão o site mais lento. Não está claro quanto de uma penalidade é aplicada pelos algoritmos de classificação de página, no entanto, é uma boa ideia otimizar todos os aspectos do seu site para velocidade.

Em segundo lugar, os usuários online têm um período de atenção relativamente curto. A menos que alguém realmente queira conferir seu conteúdo, as chances de um visitante simplesmente sair do seu site antes que ele carregue aumentam a cada segundo que passa. Eles também podem abandonar seus carrinhos se o processo de checkout subsequente for lento – por exemplo, um estudo da Pingdom mostrou que 38% dos visitantes deixaram sites que levaram cinco segundos ou mais para carregar.

Em suma, tempos de carregamento de página mais rápidos ajudam você a obter melhores classificações nos mecanismos de pesquisa e gerar mais visualizações e conversões de página. Além disso, leva a uma melhor experiência do usuário.

Vamos agora conferir algumas ferramentas que você pode usar para medir o tempo de carregamento da página.

Como medir a velocidade da página?

Antes de verificar várias técnicas para acelerar seu site, você deve primeiro dar um passo para trás e avaliar a situação atual. Isso pode ajudá-lo a entender o quanto você precisa para otimizar seu site.

Testar seu site antes da otimização também fornece uma referência para comparar os resultados de testes futuros. Agora, vamos ver algumas ferramentas de teste que podem ajudá-lo a avaliar seu site de acordo com suas necessidades, orçamento e tecnologia.

GTmetrix

GTmetrix é uma ferramenta gratuita baseada na web para avaliar o desempenho do seu site WordPress. Basta acessar a página inicial do GTmetrix e inserir a URL para testar um site. Você não pode definir a região do servidor de teste e as configurações do navegador na versão gratuita, no entanto, a versão paga oferece mais controle e a capacidade de manter o histórico.

GTmetrix retorna três métricas principais:

• tempo de carregamento da página
• tamanho total da página
• número total de solicitações HTTP

Neste guia, veremos como otimizar todas essas métricas.

Informações do PageSpeed

O PageSpeed ​​Insights é uma ferramenta gratuita baseada na Web do Google Developers que permite avaliar o desempenho do seu site. Você só precisa inserir seu URL para começar a testar.

A principal oferta do PageSpeed ​​Insights é o foco em dispositivos móveis. Um site pode se comportar de maneira significativamente diferente em um dispositivo móvel e em um desktop. Embora você não possa controlar em qual dispositivo o teste é realizado, um benchmark fornecido por essa ferramenta ajuda na otimização geral.

Teste de página da Web

WebPageTest é uma ferramenta gratuita e de código aberto para testar o desempenho do seu site. Ele oferece muito mais controle sobre o ambiente de teste.

Você não apenas pode decidir o dispositivo e o local de onde o teste é realizado, mas também criar testes passo a passo para gerar métricas personalizadas para seu site.

Agora que discutimos brevemente as ferramentas que podem ajudá-lo a identificar a velocidade do seu site, vamos ver como você pode acelerar seu site WordPress.

1. Escolha um Host Web Rápido

Quando um visitante chega a uma página do seu site, o navegador dele envia uma solicitação ao seu servidor para exibir essa página. O tempo que leva para o servidor responder influencia fortemente quanto tempo eles precisam esperar. Independentemente da eficiência do seu site, o desempenho do servidor web determina de forma crítica a rapidez com que a solicitação de um visitante é tratada.

Antes de escolher um host, você deve primeiro selecionar o tipo de hospedagem que está procurando. Você está satisfeito com o desempenho relativamente lento de um host compartilhado ou precisa de hospedagem WordPress dedicada e especializada? A escolha é geralmente um trade-off entre custo e velocidade.

Aqui está nosso guia completo para selecionar o host mais rápido para WordPress. Em suma, eu recomendo o SiteGround se você estiver procurando por uma solução econômica e confiável. Se você deseja o melhor desempenho e o orçamento é uma preocupação menor, experimente a hospedagem gerenciada do WordPress da Kinsta.

2. Use um tema leve e flexível

O tema que você seleciona para o seu site WordPress contribui significativamente para a velocidade da página. Como a maioria dos proprietários de sites não modificaria um tema do WordPress para desempenho, é importante escolher um tema que seja eficiente e carregue rapidamente.

A regra geral é selecionar um tema leve com recursos mínimos, dependendo de seus requisitos. Você pode considerar nossa coleção dos temas WordPress mais rápidos para iniciar sua busca.

Não consegue tomar uma decisão? Então, eu recomendo conferir Sydney, nosso tema WordPress leve e gratuito que combina elementos de design modernos com uma infinidade de opções de personalização.

3. Use plugins com sabedoria

Você pode atribuir o crescimento do WordPress à comunidade que desenvolve e mantém plugins. Os plugins expandem a funcionalidade do WordPress para torná-lo capaz de muito mais. Embora você encontre um plug-in para qualquer tarefa que possa imaginar, é uma boa ideia usar seletivamente apenas os plug-ins que você absolutamente precisa para o funcionamento do seu site.

Cada plug-in aumenta a complexidade de um site WordPress, por isso é uma boa prática auditar periodicamente seu site para avaliar cada plug-in. Certifique-se de desativar ou remover todos os plugins desnecessários.

Você também deve verificar se os plugins estão em conflito uns com os outros ou com o seu tema. O recurso de integridade do site do plug-in Verificação de integridade e solução de problemas do WordPress pode ajudá-lo a verificar possíveis conflitos entre plug-ins.

4. Otimize seu banco de dados WordPress

Seu aplicativo WordPress se conecta a um banco de dados que armazena todos os dados relacionados ao site em segundo plano. O banco de dados armazena essencialmente todo o conteúdo do seu site, incluindo, entre outros, postagens, páginas, registros de usuários, comentários e configurações.

Quando alguém visita seu site, está apenas recuperando dados do banco de dados para visualizar uma página ou um post. No entanto, uma ação do usuário, como um comentário, voto positivo ou compra, leva à geração de dados. O WordPress também salva automaticamente as revisões que você faz em suas postagens.

O tempo de solicitação-resposta entre o banco de dados e seu site WordPress pode aumentar por dois motivos. Primeiro, à medida que seu banco de dados cresce em tamanho, a execução dessas consultas leva mais tempo. Em segundo lugar, os ciclos de entrada e remoção de dados podem fragmentar seu banco de dados, de modo que diferentes partes do banco de dados podem ser armazenadas em locais diferentes dentro do sistema de arquivos.

Portanto, faz sentido manter seu banco de dados enxuto removendo dados indesejados, como spam e comentários não aprovados, revisões de postagens e postagens na lixeira. O WP Optimize é um plugin que permite otimizar seu banco de dados WordPress removendo dados antigos e redundantes e desfragmentando o banco de dados.

5. Use um CDN para fornecer recursos

Uma Content Delivery Network (CDN) consiste em um grupo de servidores colocados em locais estratégicos em todo o mundo. Baseia-se na premissa de que o tempo de download de um recurso depende da distância física entre o cliente e o servidor.

Uma análise rápida do HTTP Archive revela que uma página em um site WordPress típico pesa cerca de 2,3 MB em 2020. Uma parte significativa do peso dessa página consiste em imagens (1,2 MB), fontes e folhas de estilo (280 KB) e scripts (470 KB). ).

Se você armazenar esses recursos em servidores CDN em todo o mundo, um visitante de qualquer parte do globo poderá carregá-los de um servidor mais próximo, reduzindo o tempo de carregamento da página da web. Eu recomendo verificar o KeyCDN, uma solução CDN econômica para proprietários de sites.

6. Prepare suas imagens para a web

Embora tenhamos abordado o uso de CDN para otimizar a entrega de recursos-chave ao cliente, vamos reservar um momento para otimizar os recursos também. As imagens representam quase metade da carga útil e geralmente servem como componentes críticos do design de uma página da web. Portanto, é uma boa ideia seguir algumas práticas recomendadas para otimizar o desempenho das imagens.

Verificações de higiene

Primeiro, você deve garantir que você carregue as imagens no tamanho correto. Por exemplo, não faz muito sentido usar o mesmo tamanho de logotipo tanto para a página Sobre nós quanto para o favicon. Como o favicon é substancialmente menor em tamanho, você deve redimensionar seu logotipo e fazer upload de uma versão menor dele.

Em seguida, você também deve usar o tipo de imagem apropriado. Por exemplo, uma imagem JPG é ideal para fotografias e outras imagens complexas com muitas variações de cores. Por outro lado, as imagens PNG funcionam bem para gráficos com menos variações de cores, como uma captura de tela. Por fim, um SVG (Scalable Vector Graphic) funciona perfeitamente para uma imagem que consiste em formas geométricas simples, como um logotipo.

Otimização de imagem

Depois de criar as imagens para sua postagem, certifique-se de também otimizá-las. A otimização de imagem significa essencialmente a compactação de imagens para torná-las adequadas para a web. Você pode otimizá-los localmente ou usar um plugin para o efeito.

Se você deseja um plugin WordPress que cuide de todas as suas imagens carregadas, você pode usar o Imagify, um plugin WordPress freemium que otimiza suas imagens em tempo real. E, se você quiser usar um aplicativo de desktop para otimizar imagens antes de carregá-las, experimente o ImageOptim.

Você também pode conferir nosso resumo dos melhores plugins de otimização de imagem do WordPress.

Carregamento lento de imagens

O carregamento lento é o processo de baixar a versão completa de uma imagem somente quando ela entra na janela de visualização do navegador enquanto o visualizador está rolando a página. Essa técnica de otimização de imagem economiza largura de banda preciosa tanto para o proprietário do site quanto para o visualizador. Além disso, reduz o tempo de carregamento da página, atrasando o download de uma parte significativa da carga útil.

Embora existam plugins que permitem ativar o carregamento lento, vale a pena notar que o WordPress também está considerando adicioná-lo como um recurso principal.

7. Gerencie arquivos estáticos com eficiência

Além de imagens, folhas de estilo e scripts representam uma parte significativa da carga útil de uma página da web. Então, vamos ver agora como você pode veicular esses arquivos estáticos com eficiência para seus visualizadores.

Primeiro, você pode reduzir suas folhas de estilo e scripts para reduzir o tamanho de seus recursos. O processo de minificação envolve a remoção das partes de um arquivo que não são necessárias para execução. Isso inclui espaços em branco, comentários e código não utilizado.

Você pode reduzir seus recursos manualmente usando um serviço como o Minifier. No entanto, para um site WordPress, economizaria tempo usar um plug-in de minificação como o WP Super Minify para reduzir todos os recursos do seu site de uma só vez.

Em seguida, você pode carregar algumas de suas folhas de estilo e scripts de forma assíncrona. Se você fizer isso, o carregamento de recursos não essenciais não interromperá a renderização da página. Aqui está um tutorial sobre como você pode adiar a análise de JavaScript no WordPress.

Por fim, você pode habilitar a compactação GZIP para compactar ainda mais seus recursos. A compactação GZIP é uma técnica que envolve o servidor enviando arquivos compactados para o navegador, que são descompactados assim que o download é concluído. A compactação GZIP também é um recurso comum em plugins de cache (discutido abaixo).

8. Otimize solicitações HTTP

Embora tenhamos falado extensivamente sobre a carga útil, também devemos discutir como as enviamos ao cliente. Você deve ter notado que muitos problemas sinalizados por ferramentas de avaliação de desempenho estão relacionados a solicitações HTTP. As métricas típicas incluem quantas solicitações HTTP sua página da Web possui, quantas delas envolvem redirecionamentos e quantas pesquisas de DNS o navegador precisa fazer para baixar todos os recursos.

Uma maneira simples de reduzir o número de solicitações HTTP é combinar arquivos semelhantes. Por exemplo, você deve ter uma única folha de estilo CSS para o seu site. Todos os scripts personalizados também devem ser combinados em um único arquivo. À medida que o número de solicitações HTTP diminui, o tempo de carregamento da página também diminui. Se você usa um plugin minifier, escolha um que cuide da combinação de arquivos semelhantes.

Para otimizar suas solicitações HTTP, você também pode minimizar o número de pesquisas de DNS. Sempre que o navegador encontra um recurso hospedado em um novo nome de domínio, ele precisa realizar uma pesquisa de DNS para obter o endereço IP correspondente. Se você armazenar seus recursos em um único domínio, poderá reduzir as pesquisas de DNS. Se você usar um CDN para servir seus arquivos estáticos, o número de pesquisas de DNS já estará minimizado.

Por fim, você também deve minimizar o número de redirecionamentos para recursos estáticos. Um redirecionamento ocorre quando o local original de um recurso aponta para um novo local, o que essencialmente significa que o navegador precisa fazer uma nova solicitação para obter o recurso.

9. Habilite o cache no WordPress

O armazenamento em cache é o processo de armazenar uma parte da página em um local temporário para servi-la rapidamente aos visitantes. O armazenamento em cache permite que você economize largura de banda do servidor e reduza os tempos de carregamento da página.

Ao escolher um plug-in de cache para o seu site WordPress, selecione um que seja fácil de configurar e forneça melhorias de desempenho com configurações simples. Se você tiver experiência, deve acessar as configurações avançadas para desbloquear benefícios adicionais de velocidade.

Testamos e comparamos os melhores plugins de cache do WordPress. O WP Rocket saiu vencedor nos resultados dos nossos testes.

10. Mantenha o WordPress e o PHP atualizados

WordPress e PHP são softwares populares em desenvolvimento ativo. Aprimoramentos como novos recursos, correções de bugs, patches de segurança e melhorias de desempenho são incorporados a eles todos os dias.

Portanto, é essencial atualizar seu WordPress, plugins e PHP para as versões mais recentes para acompanhar essas melhorias. No entanto, antes de iniciar uma atualização, certifique-se de fazer backup da versão atual do seu site WordPress.

Resumo

Neste guia, primeiro, abordamos por que a velocidade da página é fundamental para o proprietário do site considerar e otimizar.

Em seguida, analisamos algumas ferramentas populares que avaliam a qualidade do seu site e como você pode melhorar seu desempenho.

Por fim, discutimos as técnicas mais importantes para acelerar seu site WordPress, desde o uso de um host suficientemente rápido até a atualização regular do PHP e do WordPress.

Você usa uma técnica diferente para acelerar seu site WordPress? Deixe-nos saber nos comentários abaixo.