Como acelerar seu site WordPress? Um Guia Completo 2021

Seu site WordPress é lento? Se sim, precisamos trabalhar nisso.

Ahh e se o seu site carregar muito rapidamente, pode ser ainda mais rápido - Cada milissegundo literalmente faz a diferença. Podemos medir o desempenho do seu site e ver se há mais alguma coisa para torná-lo um pouco mais rápido. Mas vamos chegar lá em breve.

Antes de dizer como você pode tornar seu site muito mais rápido, tentarei estabelecer a importância de ter um site de carregamento rápido.

A velocidade do site é importante?

A velocidade de carregamento do seu site é muito importante para garantir uma boa classificação no mecanismo de pesquisa e uma ótima experiência do usuário. É um fato conhecido que o algoritmo de pesquisa do Google inclui os tempos de carregamento de sua página como um dos muitos parâmetros ao calcular o pagerank. Vamos dar uma olhada no que o Google tem a dizer sobre a velocidade do site e como isso pode afetar o seu site e o tamanho do seu público.

Velocidade de avanço do Google

No Google, eles criaram um experimento para replicar a lentidão que acompanha um site ou página da Web com uma velocidade de carregamento de página ruim.

A equipe do Google fez isso criando um sistema em que a velocidade é deliberadamente diminuída ao injetar um atraso no servidor, que se traduz em estender o tempo de processamento antes e durante o tempo em que os resultados são retornados ao navegador.

Da perspectiva do usuário, não importa muito se os resultados são retornados lentamente ou se a capacidade de seu navegador de processar esses resultados é lenta. Na verdade, você não saberia que é o seu navegador que está lento e não a página da web, mas ele cria o mesmo efeito que você faria se estivesse em uma página que carrega lentamente.

Ao diminuir a velocidade de carregamento de 100 milissegundos para 600 milissegundos, houve uma redução no número de pesquisas de 0,2% para 0,6%, resultados em média de quatro a seis semanas. Você pode ficar tentado a questionar a importância desses resultados.

Também foi descoberto que aqueles expostos a um atraso de 200 milissegundos realizaram 0,22% menos pesquisas durante as primeiras três semanas e 0,36% menos pesquisas no segundo período de três semanas. E com um atraso de 400 milissegundos, os mesmos resultados seguiram uma queda de 0,44% e 0,76% no primeiro e no segundo triênio. Como você pode imaginar, esse impacto no número de pesquisas realizadas é enorme, dada a escala da pesquisa na web do Google.

Além do Google, várias empresas importantes, incluindo AOL, Microsoft, Bing e Shopzilla, reconheceram a importância de ter sites que carreguem rapidamente. Você pode ler mais sobre isso aqui.

A velocidade de carregamento do site é importante - Experiência do usuário

Agora esqueça os números, quão divertido pode ser usar um site lento? Quantas vezes você já visitou um site lento e nunca se preocupou em visitá-lo novamente? Quantas vezes você amaldiçoou sua conexão com a Internet quando ela adormeceu? Sites lentos não são divertidos.

Antes de começarmos a “tornar seu site” mais rápido, qual é a velocidade dele para começar? Vejamos algumas ferramentas para nos ajudar!

Qual é o desempenho do seu site?

Precisamos medir o desempenho atual do site, só então seremos capazes de medir quaisquer melhorias no desempenho. Você pode usar um dos seguintes,

• GTmetrix
• WebPageTest
• Ferramentas PageSpeed

Para manter o controle de seu site regularmente, você pode acessar o desempenho do site em laboratórios por meio de sua conta do Google Analytics. Se você ainda não adicionou seu site ao GA, você deve. Além desses métodos, a maioria dos serviços de hospedagem também fornece acesso a informações básicas sobre a velocidade de carregamento da página.

Agora, vamos dar uma olhada em cerca de uma dúzia de coisas que você pode fazer para tornar seu site mais rápido.

1. Seleção de serviço de hospedagem

Embora existam várias coisas que você pode fazer para melhorar o desempenho do seu site, esses métodos têm suas limitações. O software de ajustes só ajudará a otimizar o desempenho do site. Mas quando se trata realmente disso, nada supera o melhor hardware. A hospedagem compartilhada é uma opção para sites de baixo tráfego, mas conforme o tráfego do site aumenta, você precisa dimensionar o hardware. Virtual Private Server, Dedicated Hosting e Managed Hosting são opções usadas por sites de alto / médio tráfego. A hospedagem dedicada é reservada para os maiores sites com milhões de visitas diárias. O VPS foi projetado para o tecnicamente adepto e o Managed WordPress Hosting é para o não-especialista em tecnologia que administra um negócio online.

Supondo que você esteja com um orçamento apertado, recomendo o plano de hospedagem compartilhada da SiteGround. Eles têm quase 100% de disponibilidade, registro de nome de domínio gratuito, backups diários gratuitos, garantia de devolução do dinheiro por 30 dias e escalabilidade.

Mas se você quer a melhor hospedagem que o dinheiro pode comprar, eu recomendo WPEngine - Managed WordPress Hosting Solution. Bom suporte e solução de hospedagem de primeira linha que cria sites extremamente rápidos.

Se você estiver usando o WPEngine, a próxima parte (Cache) deste guia de desempenho pode ser ignorada. WPEngine usa EverCache para armazenar em cache seu site. Com um host WordPress gerenciado, você pode esquecer de cuidar do desempenho do seu site e se concentrar apenas na produção de conteúdo (verdadeiro em grande parte).

2. Use o melhor plug-in de cache

(Supondo que você use algo diferente de Managed WordPress Hosting, onde o cache é fornecido internamente por sua empresa de hospedagem)

WP Rocket é um plug-in de cache premium e mais vendido que funciona de forma eficiente para otimizar a velocidade do seu site. Existem muitos plug-ins de cache WP que, na minha opinião, são um pouco complicados para um novato no WP. E a complexidade das opções é boa para usuários experientes e de nível intermediário de WP. WP Rocket não é muito difícil de descobrir e usar.

WP Rocket executa o cache de página para diminuir as velocidades de carregamento, pré-carregamento de cache para ajudar com a indexação do site pelos motores de busca, imagens carregam apenas mediante solicitação (quando você rola para baixo, não quando uma página é carregada pela primeira vez), compactação de arquivo para converter HTML, JS e CSS para arquivos estáticos e o plugin é bastante amigável para o desenvolvedor.

Quando eu estava escrevendo um post sobre os 6 principais plug-ins de cache, uma das conclusões a que cheguei foi que era muito difícil comparar plug-ins de cache. A razão de cada plugin ser um pouco diferente e configurar cada plugin de forma otimizada não é fácil, se você não definir as mesmas configurações em todos os plugins, isso torna os plug-ins impossíveis de comparar. Em vez disso, basicamente pedi aos nossos leitores que usassem o plugin que consideravam mais fácil de usar. E leia a postagem sobre os 6 principais plug-ins de cache, se quiser mais opções, incluindo freemium e plug-ins de cache gratuitos.

Mais informações / Download

Se você não usa o WPRocket, alguns pontos a serem considerados. Esta é uma análise das funções que, de outra forma, seriam realizadas por um plugin de cache. Certifique-se de que sua solução alternativa de armazenamento em cache forneça todas essas funções. Se não, use um plug-in de cache gratuito e um ou dois outros plug-ins para replicar a maioria dos recursos do WPRocket.

Um plugin de cache gratuito normalmente realiza o seguinte.

Reduza HTML, CSS e Javascript

Todo aquele espaço em branco, comentários, novos caracteres de linha e qualquer coisa redundante em seu código que facilite a vista sem propósito é completamente inútil para um servidor e para o IP que tenta alcançar seus servidores solicitando seu site.

Remova tudo isso com um plugin de cache gratuito e seu site ficará melhor em termos de desempenho.

Minimize o número de solicitações HTTP

Você pode reduzir o número de solicitações feitas aos servidores do seu site. Cada vez que alguém visita o seu site, eles solicitam os arquivos do seu site. Isso inclui arquivos HTML, arquivos CSS e JS. Se você tiver vários arquivos de cada tipo de arquivo, para cada arquivo individual uma solicitação será enviada aos seus servidores.

Ter um grande número de arquivos exigindo várias solicitações de servidor não é nada eficiente. Você pode reduzir isso combinando scripts JS, arquivos HTML e CSS juntos. Um plugin de cache gratuito será suficiente.

Substituir PHP por HTML estático

Também conhecido como supercache, onde no PHP é completamente ignorado e os arquivos são servidos em HTML. O Super Caching é executado com mod_rewrite e certamente está entre os métodos de cache mais rápidos disponíveis para o seu site. A diferença entre os arquivos estáticos super cacheados servidos por PHP e um servido em HTML completo é imperceptível, mas torna seu site mais rápido. Novamente, como antes, os plug-ins de cache gratuito devem ser suficientes para realizar o supercache servido por HTML.

Compressão GZIP

Compacte o seu código, essencialmente, torne um arquivo de texto contendo o código menor. Os arquivos do seu site são simplesmente compactados, o que ajuda a reduzir o uso de largura de banda e, obviamente, diminui o tempo de carregamento, uma vez que o arquivo compactado é recebido no navegador, pode ser facilmente lido. Esta função pode ser realizada por um plugin de cache gratuito como o W3TC.

Cache do navegador

Para conteúdo estático como JS, CSS e imagens, eles podem ser baixados e armazenados no navegador do visitante. Ele é baixado quando o visitante visita o site pela primeira vez e é obtido do cache do navegador sempre que necessário, pelo menos por algum tempo. Caso contrário, ele teria que ser baixado novamente.

O cache envolve a configuração do seu plugin e isso pode ser um pouco assustador para os nossos leitores que ainda não estão familiarizados com o WordPress. Consulte nossos 6 principais plug-ins de cache para encontrar o plug-in de cache gratuito certo para você.

Um plugin de cache gratuito pode não ajudar no carregamento lento. E você precisará de um plug-in de cache premium ou de outros plug-ins para compensar as deficiências de um plug-in de cache gratuito. Portanto, se você pretende usar um plug-in de cache gratuito, considere usar o seguinte plug-in de carregamento lento em conjunto.

Use Lazy Load para texto, vídeos e imagens

O carregamento lento de imagens garante que você carregue a imagem quando ela entrar na tela do visitante conforme ele rola para baixo. Fazendo isso, o tempo de carregamento do site diminui um pouco, visto que as imagens são relativamente pesadas.

Geralmente, o armazenamento em cache do carregamento lento é um recurso que acompanha um plug-in de cache premium, não um plug-in gratuito. Portanto, se você não estiver usando uma solução de cache premium com carregamento lento de imagens, poderá usar a3 Lazy Load.

3. Escolha a estrutura certa

As estruturas formam o esqueleto sobre o qual você constrói a aparência do seu site e, eventualmente, exibe o seu conteúdo. Uma boa estrutura é importante para garantir o bom desempenho do site. O tema que ajuda a projetar e modificar a aparência do seu site também contribui para o tempo de carregamento do site. Um tema rico em multimídia chamativo com uma estrutura volumosa não contribui para um site rápido.

Em termos de desempenho quando se trata de velocidade do site, casas temáticas como Headway Themes, StudioPress (Genesis) e iThemes produzem temas com base em uma estrutura forte e enxuta. E com base nessa estrutura, eles criam temas preenchidos com cores destinados a tipos de sites e nichos específicos. Em grande medida, o sucesso das casas temáticas acima mencionadas pode ser atribuído às estruturas de trabalho sobre as quais constroem seus temas. Eu recomendaria qualquer uma das estruturas das casas temáticas acima mencionadas.

Para uma lista mais extensa de frameworks que você pode desejar, dê uma olhada em nosso resumo dos 16 melhores frameworks para WordPress. Também faremos benchmarks de estruturas e opções de hospedagem no futuro para fornecer uma imagem melhor com relação à velocidade.

4. Use um CDN

Os CDNs ou redes de distribuição de conteúdo ajudam a entregar arquivos estáticos do seu site com mais rapidez aos visitantes, a partir de um servidor localizado muito mais perto deles do que os servidores do seu site. Isso faz com que um site que normalmente rápido pareça ainda mais rápido. Um CDN garante que seu visitante acesse o cache em vez de acessar seus servidores. E acessar o cache em vez de solicitar dados do site dos servidores é muito mais rápido.

Quase todos os sites de alto tráfego agora usam um CDN para seu conteúdo estático. Os CDNs como o MaxCDN têm unidades de estado sólido estrategicamente localizadas em todo o mundo para fornecer o serviço de entrega de conteúdo global ideal para sites com amplo alcance demográfico, como você pode ver na imagem abaixo.

Ao contrário dos servidores de provedores de host normais, os servidores de um CDN são feitos sob medida para fornecer conteúdo estático no menor tempo possível. Eles também têm laços com empresas de telecomunicações populares para garantir que o tempo de carregamento do seu site não seja afetado por qualquer interrupção ou atraso por parte do provedor de telecomunicações.

Se você usar um CDN, o uso da largura de banda do servidor do site terá uma queda considerável e ajudará ainda mais a reduzir o tempo de carregamento do site.

5. Otimize o banco de dados do seu site

Use um plugin de otimização de banco de dados WordPress e coloque o banco de dados do seu site em ordem. WP-Sweep é um plugin poderoso que executa várias funções envolvidas no processo WP-Spring Cleaning.

WP Sweep remove revisões de postagem redundantes, comentários (spam e não aprovados), qualquer forma de metadados órfãos e duplicados (usuário, comentário e postagem) e termos não utilizados de seu banco de dados WordPress. Existem outros plugins de otimização de banco de dados como WP-DB Manager e WP Optimize, mas WP Sweep tem uma vantagem significativa sobre eles. WP Sweep executa comandos de exclusão de dados do WordPress para que não haja dados órfãos deixados para trás, como no caso dos outros dois plug-ins que executam consultas MYSQL.

Seu plug-in de otimização de banco de dados se livrará de:

• Spam, comentários não aprovados e excluídos - os comentários podem se acumular como uma montanha em seu banco de dados wp se você permitir que isso aconteça. A otimização de seu banco de dados WP de tempos em tempos impedirá que isso aconteça.
• Dados duplicados e órfãos em seu banco de dados WordPress - o conteúdo duplicado é um fardo para seus servidores, que eles não precisam suportar. Os dados órfãos afetam o banco de dados do seu site ocupando linha após linha e não contribuem em nada para o seu site, daí o termo “órfão”. O conteúdo duplicado e os dados órfãos não servem a nenhum propósito, tire os dois do seu site.
• Revisões de post desnecessárias - Várias revisões de post são desnecessárias e podem adicionar muito, excluí-los.

Se você decidir limpar seu WordPress, deve excluir termos, imagens, temas, plug-ins não usados, consertar links quebrados e manter o banco de dados do seu site em excelente forma. Como o WP é um sistema orientado por banco de dados, a integridade do banco de dados desempenha um papel no desempenho do seu site. Embora a otimização do banco de dados deva ser suficiente por enquanto, pode haver uma ou duas outras coisas que você pode querer fazer.

Eu posso continuar sobre como e o que você deve fazer para manter seu banco de dados WordPress limpo, mas isso é um trabalho muito grande por si só e não posso adicionar muito mais aqui, mas se você gostaria de ler mais. Isso deve ajudá-lo - “WordPress Spring Cleaning Toolkit - Um guia completo como otimizar sua instalação do WordPress para um melhor desempenho“.

6. Compactar imagens

As imagens são volumosas quando comparadas ao texto. Eles ocupam muito mais espaço em sua pasta wp-content, que é maior do que o que você permite. Compactar suas imagens ajudará a reduzir o tempo de carregamento do seu site. Você pode reduzir o tamanho das imagens sem perder muito da qualidade percebida da imagem.

Com a compactação sem perdas fornecida pelo EWWW Image Optimizer, você pode reduzir o tamanho da imagem sem muita perda de qualidade. Alternativamente, você pode usar o plugin Compactar imagens JPEG e PNG para o mesmo. Eles prometem uma compressão de tamanho em cerca de 40% - 60% para imagens JPEG e 50% - 80% para imagens PNG, sem uma perda visível e óbvia de qualidade.

7. Diagnosticar Seus Plugins

Todos os plug-ins no final do dia são pedaços de código que ajudam a executar funções. Às vezes, eles se tornam pesados ​​e contraproducentes.

Como você identificará as âncoras do seu site? Impedir que carreguem?

P3- Plugin Performance Profiler

Este plug-in detectará quais dos seus plug-ins estão afetando fortemente o tempo de carregamento do seu site. E com o relatório que o plugin gera, você poderá identificar quais plugins estão diminuindo a velocidade do seu site. Se algum plug-in afetar muito o desempenho do site, encontre plug-ins alternativos.

Obtenha o P3 Profiler aqui!

Plugin Organizer

Agora que você sabe quais plug-ins afetam o desempenho do seu site, pode optar por desabilitá-los em todas as páginas / postagens do site onde seu uso é opcional. Você pode fazer isso postagem a postagem. Portanto, se houver um plugin que torna seu site mais lento e sem o qual você não pode prescindir, use-o apenas nas páginas / postagens do seu site onde for absolutamente necessário.

Obtenha o Plugin Organizer aqui!

8. Desativar Hotlinking

Hotlinking é um meio pelo qual as pessoas usam o conteúdo que é um host nos servidores do seu site para seus próprios sites. Basicamente, eles usam seus servidores com o conteúdo do site deles. E, como resultado, seu servidor fica sobrecarregado e isso não beneficia você de forma alguma.

Como você impede que alguém roube os recursos do seu servidor?

Para evitar que as pessoas façam hotlinking do conteúdo do seu site. Você precisa fazer alguns ajustes no código do seu site e isso é obrigatório. Você pode usar esta ferramenta de htaccesstools.com para gerar o código necessário que você pode adicionar ao seu servidor. Normalmente, seu anfitrião também estará disposto a ajudá-lo com isso.

E depois de evitar o hotlinking, você pode ter certeza de que os recursos do servidor não são gastos hospedando conteúdo para um site que não seja o seu. As táticas de hotlinking geralmente visam imagens e outros tipos de multimídia com muitos dados, portanto, se você administrar um site com o mínimo de imagens, desabilitar o hotlinking não afetará o desempenho de seu site.

9. Use um plugin de compartilhamento social mínimo Featherweight!

O compartilhamento de mídia social é importante para qualquer site e constitui uma parte significativa da estratégia de marketing de qualquer site. No entanto, às vezes as pessoas se adiantam e colocam muitas opções de compartilhamento que não apenas irritam os visitantes, mas também tornam o site mais lento.

10. Desativar Pingbacks e Trackbacks

Trackbacks e pingbacks permitem que você saiba que outra pessoa colocou um link de sua postagem em outro blog ou site. Trackbacks são manuais e pingbacks automáticos, ambos acabam na sua moderação de comentários. 99% de todos os trackbacks e pingbacks são spam. E se você começar a receber muito disso, pode afetar potencialmente a velocidade do seu site.

Vá para Configurações> Discussões, em Configurações de artigo padrão, desative os pingbacks e trackbacks.

Ou podemos usar um plugin que pode lidar com spam. E isso será o fim do spam em qualquer forma.

11. Coloque o CSS na parte superior e o Javascript na parte inferior

As referências CSS devem ir direto para o topo. Os navegadores não carregam o conteúdo antes de carregar o CSS, caso contrário, você acabará com o conteúdo não estilizado. Então primeiro o CSS, para evitar esse probleminha. Se você não fizer isso, seu site não carregará progressivamente. Isso significa que uma parte do seu site aparecerá sem nenhum estilo. E se o seu CSS está próximo do final, o navegador precisa redesenhar todos os elementos do seu site. Isso vai demorar mais tempo do que se você tivesse colocado CSS como parte do cabeçalho.

Nós relegamos o JS para o último lugar porque ele impede o carregamento paralelo em um navegador. Isso significa que é a única coisa que carrega. E para adicionar a isso, ele bloqueia o carregamento progressivo se houver um arquivo de script acima do conteúdo. Para garantir que todo o conteúdo possa ser carregado progressivamente, precisamos colocar os scripts no final.

Plug-ins de cache grátis realmente não fazem isso. Ou você pode usar Autoptimize em conjunto com um plugin de cache grátis. Mas às vezes as coisas tendem a quebrar e eu não aconselharia esse caminho para alguém que não é capaz de consertar uma bagunça potencial. E se achar que não conseguirá lidar com isso, use o WPRocket.

12. Combine suas imagens em uma - CSS Sprites

Um navegador precisa fazer várias viagens de ida e volta para o servidor para buscar várias imagens. Podemos combinar essas imagens em um grande arquivo que contém todas as imagens, o que reduzirá efetivamente o número de solicitações HTTP e criará um processo muito mais eficiente. Se não estiver familiarizado com CSS, você pode usar um método de arrastar e soltar disponível online para ajudar a fazer o mesmo. Sprite Pad provará ser uma ferramenta útil para ajudar a criar Sprites CSS.

Embora CSS Sprites sejam úteis, eles não são essenciais, mas se você gostaria de ler mais sobre eles, vá para Truques de CSS.

Pensamentos finais

Nada supera um host WP gerenciado incrível com uma solução de cache interna e um bom tema de uma casa temática de renome.

Mas para aqueles com orçamento limitado, eu recomendo -

• Um plugin de cache grátis
• Otimização automática
• WP Sweep
• Um bom tema grátis

Essa combinação de ferramentas e software deve ajudar a criar um site rápido sem gastar um centavo! Mas eu ainda recomendo que você tente pelo menos um plugin de cache premium. Isso vai lhe poupar todo o esforço de ter que usar tantos plug-ins para um propósito. E fazer com que todos esses plug-ins funcionem efetivamente em seu site é outra coisa.

Outra coisa que você precisa saber, muitos plug-ins não necessariamente tornam seu site lento, desde que sejam plug-ins de qualidade.

Teste seu site novamente,

• GTmetrix
• WebPageTest
• Ferramentas PageSpeed

Durante o teste, use um novo plugin por vez para verificar os resultados. Se eles não forem sucessivamente melhores, então talvez você deva se limitar aos plug-ins / plug-ins anteriores. Por exemplo, use um plugin de cache grátis como Fastest Cache para ver o quanto mais rápido seu site fica.

Basicamente, procure incrementos no desempenho, antes de aderir a um plugin recém-ativado.

Como foram os resultados, seu site ficou mais rápido?

Eu espero que sim.

E espero que este post tenha sido útil

Por favor, compartilhe os resultados de seus testes conosco nos comentários abaixo, talvez possamos ajudá-lo!