Como acelerar seu site WordPress? [Guia Completo]

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

Ah, e se o seu site carrega muito rápido, pode ser ainda mais rápido – Cada milissegundo faz a diferença. Podemos medir o desempenho do seu site e ver se há algo mais para torná-lo um pouquinho mais rápido. Mas chegaremos a isso daqui a pouco.

Antes de dizer como tornar seu site 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 nos mecanismos de pesquisa e uma ótima experiência do usuário. Sabe-se que o algoritmo de busca do Google inclui os tempos de carregamento da página como um dos muitos parâmetros ao calcular o pagerank. Vejamos o que o Google tem a dizer sobre a velocidade do site e como isso pode afetar seu site e o tamanho do seu público.

A velocidade 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 injetando um atraso no lado do servidor, o que se traduz em estender o tempo de processamento antes e durante os resultados serem retornados ao navegador.

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

Ao diminuir a velocidade de carregamento de 100 milissegundos para 600 milissegundos, houve uma diminuiçã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 o significado 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 segundo períodos de três semanas. 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 carregam 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 um site lento? Quantas vezes você visitou um site lento e nunca se incomodou em visitar novamente? Quantas vezes você amaldiçoou sua conexão de internet quando ela adormeceu? Sites lentos não são divertidos.

Antes de começarmos a “tornar seu site” mais rápido, quão rápido é? Vejamos algumas ferramentas para nos ajudar!

Quão Bem Seu Site Fare?

Precisamos medir o desempenho atual do site, só assim poderemos medir quaisquer melhorias de desempenho. Você pode usar um dos seguintes,

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

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

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

Embora você possa fazer várias coisas para melhorar o desempenho do seu site, esses métodos têm suas limitações. Ajustar o software só ajudará a otimizar o desempenho do site. Mas quando se trata disso, nada supera o melhor hardware. A hospedagem compartilhada é uma opção para sites de baixo tráfego, mas você precisa dimensionar seu hardware à medida que o tráfego do site cresce. Servidor Privado Virtual, Hospedagem Dedicada e Hospedagem Gerenciada 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 os tecnicamente aptos e a Hospedagem Gerenciada do WordPress é para os não especialistas em tecnologia que administram um negócio online.

Supondo que você esteja com um orçamento apertado, recomendo o plano de hospedagem compartilhada do SiteGround. Eles têm um tempo de atividade de quase 100%, registro de nome de domínio gratuito, backups diários gratuitos, garantia de devolução do dinheiro em 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 alto nível que cria sites extremamente rápidos.

Se você estiver usando o WPEngine, a próxima parte deste guia de desempenho (Caching) pode ser ignorada. O WPEngine usa o 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 (verdade em grande parte).

2. Use o melhor plugin de cache

(Supondo que você use algo diferente de Hospedagem WordPress Gerenciada, onde o cache é fornecido internamente pela sua empresa de hospedagem)

O WP Rocket é um plug-in de cache premium mais vendido que otimiza com eficiência seu site para velocidade. Muitos plugins de cache do WP são complicados para um novato no WP. E a complexidade das opções é boa para usuários de WP de nível avançado e intermediário. WP Rocket não é muito difícil de descobrir e usar.

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

Quando eu estava escrevendo um post sobre os 6 principais plugins de cache, uma das conclusões que cheguei foi que era muito difícil comparar plugins de cache. Cada plugin é um pouco diferente e configurá-lo de maneira ideal não é fácil. Se você não definir as mesmas configurações em todos os plugins, torna impossível comparar os plugins. Em vez disso, pedi aos nossos leitores que escolhessem o plugin que achavam mais fácil de usar. E leia o post sobre os 6 principais plugins de cache, se você quiser mais opções, incluindo plugins de cache freemium e gratuitos.

Mais informações/Baixar

Se você não usa o WPRocket, algumas coisas devem ser consideradas. Este é um detalhamento das funções que um plug-in de cache executaria de outra forma. Certifique-se de que sua solução de cache alternativa forneça todas essas funções. Caso contrário, use um plug-in de cache gratuito mais um ou dois outros plug-ins para replicar a maioria dos recursos do WPRocket.

Um plug-in de cache gratuito geralmente realiza o seguinte.

Minimize HTML, CSS e Javascript

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

Remova tudo isso com um plug-in 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. Toda vez que alguém visita seu site, eles solicitam os arquivos do seu site. Isso inclui arquivos HTML, CSS e JS. Se você tiver vários arquivos de cada tipo de arquivo, uma solicitação será enviada aos servidores para cada arquivo individual para cada arquivo individual.

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

Substituir PHP por HTML estático

Também conhecido como supercaching, onde o 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 armazenamento em 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, plugins de cache gratuitos devem ser suficientes para realizar o supercaching servido por HTML.

Compressão GZIP

Comprima seu código, essencialmente faça um arquivo de texto contendo código menor. Os arquivos do seu site são simplesmente compactados, o que ajuda a reduzir o uso da largura de banda e diminui o tempo de carregamento, uma vez que o arquivo compactado é recebido no final do navegador, ele pode ser lido facilmente. Um plugin de cache gratuito como o W3TC pode realizar essa função.

Cache do navegador

Eles podem ser baixados e armazenados no navegador de um visitante para conteúdo estático como JS, CSS e imagens. Isso é baixado quando o visitante visita o site pela primeira vez e é buscado no cache do navegador toda vez que for necessário depois disso por pelo menos algum tempo. Caso contrário, teria que ser baixado novamente.

O armazenamento em cache envolve a configuração do seu plugin e isso pode ser um pouco assustador para 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 plug-in de cache gratuito pode não ajudar no carregamento lento. E você precisará de um plugin de cache premium ou outros plugins para compensar as deficiências de um plugin 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 para imagens garante que você carregue a imagem quando ela entrar na tela do visitante enquanto ele rola para baixo. Ao fazer isso, os tempos de carregamento do site diminuem bastante, visto que as imagens são relativamente pesadas em dados.

Geralmente, o carregamento lento em cache é 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 imagem, poderá usar o a3 Lazy Load.

3. Escolha a estrutura certa

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

Em termos de desempenho quando se trata de velocidade do site, casas temáticas como Headway Themes, StudioPress (Genesis) e iThemes produzem temas baseados em uma estrutura forte e enxuta. E sobre essa estrutura, eles criam temas cheios de cores destinados a tipos e nichos específicos de sites. Em grande medida, o sucesso do tema acima das casas pode ser atribuído aos seus frameworks WP sobre os quais eles constroem seus temas. Eu recomendaria qualquer um dos temas acima das estruturas das casas.

Para uma lista mais extensa de frameworks que você pode querer, veja nosso resumo dos 16 melhores frameworks para WordPress. Também faremos benchmark de estruturas e opções de hospedagem no futuro para fornecer uma imagem melhor sobre velocidade.

4. Use um CDN

CDNs ou Content Delivery Networks ajudam a entregar arquivos estáticos do seu site mais rapidamente para seus visitantes a partir de um local de servidor muito mais próximo a eles do que os servidores do seu site. Isso faz com que um site geralmente rápido pareça ainda mais rápido. Uma CDN garante que seu visitante acesse o cache em vez de alcançar 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. CDNs como a Cloudflare 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 uma CDN são feitos sob medida para fornecer conteúdo estático no menor tempo possível. Eles também têm vínculos com empresas de telecomunicações populares para garantir que o tempo de carregamento do seu site não seja afetado por nenhuma interrupção ou atraso no provedor de telecomunicações.

Se você usar uma CDN, o uso de largura de banda do servidor do site sofrerá uma queda considerável e ajudará ainda mais a reduzir os tempos de carregamento do site.

5. Otimize o banco de dados do seu site

Use um plugin de otimização de banco de dados do 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 de limpeza WP-Spring.

O WP Sweep remove revisões de post 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 do seu banco de dados WordPress. Existem outros plugins de otimização de banco de dados como o WP-DB Manager e o WP Optimize, mas o WP Sweep tem uma vantagem significativa sobre eles. O WP Sweep executa comandos de exclusão do WordPress nos dados, para que não haja dados órfãos deixados para trás, como no caso dos outros dois plugins que executam consultas MYSQL.

Seu plugin 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. Otimizar 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”. Conteúdo duplicado e dados órfãos não servem para nada, livre-os do seu site.
• Revisões de postagem desnecessárias – Várias revisões de postagem são desnecessárias e podem adicionar muito, excluí-las.

Se você decidir limpar seu WordPress, você deve excluir termos, imagens, temas, plugins não utilizados, corrigir links quebrados e manter a forma do banco de dados do seu site. Como o WP é um sistema controlado 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ê quiser 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. Comprimir Imagens

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

Com a compactação sem perdas fornecida pelo EWWW Image Optimizer, você pode reduzir os tamanhos das imagens sem perder a qualidade. Como alternativa, você pode usar o plug-in Compactar imagens JPEG e PNG. Eles prometem uma compactação de tamanho de cerca de 40% – 60% para imagens JPEG e 50% – 80% para imagens PNG, sem perda visível de qualidade.

7. Diagnosticar seus plugins

No final do dia, todos os plugins são pedaços de código que ajudam a executar funções. Às vezes, eles se tornam complicados e contraproducentes.

Como você identificará as âncoras do seu site? Impedi-los de carregar?

P3- Plugin Performance Profiler

Este plug-in detectará quais plug-ins estão afetando fortemente os tempos 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!

Organizador de plug-ins

Agora que você sabe quais plugins afetam o desempenho do seu site, você pode optar por desativá-los em todas as páginas/postagens do site onde seu uso é opcional. Você pode fazer isso em uma base post-by-post. Portanto, se houver um plug-in que reduza a velocidade do seu site sem o qual você não possa prescindir, use-o apenas nas páginas/postagens do seu site onde for necessário.

Obtenha o Organizador de Plugins aqui!

8. Desative o Hotlinking

Hotlinking é como as pessoas usam o conteúdo hospedado nos servidores do seu site para seus sites. Então, basicamente, eles usam seus servidores com seu conteúdo em seu site. E, como resultado, seu servidor fica sobrecarregado, o que não o beneficia em nada.

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

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

E uma vez que você evita o hotlinking, pode ter certeza de que os recursos do seu servidor não serão gastos hospedando conteúdo para um site que não seja o seu. As táticas de hotlinking geralmente visam imagens e outras multimídias com muitos dados, portanto, se você executar um site com imagens mínimas, desabilitar o hotlinking não afetará o desempenho do 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 antecipam e colocam muitas opções de compartilhamento que incomodam os visitantes e deixam o site mais lento.

10. Desative Pingbacks e Trackbacks

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

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

Ou podemos usar um plugin que pode lidar com spam. E esse será o fim do spam de 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 conteúdo antes de carregar CSS. Caso contrário, você terá conteúdo estilizado. Então, primeiro, o CSS, para evitar esse pequeno problema. Se você não fizer isso, seu site não será carregado progressivamente. Isso significa que uma parte do seu site aparecerá sem qualquer estilo. E se o seu CSS estiver no final, o navegador precisa redesenhar todos os elementos do seu site. Isso levará mais tempo do que se você tivesse colocado CSS como parte do cabeçalho.

Relegamos o JS para o último porque 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.

Plugins de cache gratuitos não fazem isso. Ou você pode usar o Autoptimize em conjunto com um plug-in de cache gratuito. Mas às vezes as coisas tendem a desmoronar, e eu não aconselharia esse caminho para alguém que não pode consertar uma bagunça em potencial. E se você sentir que não conseguiria lidar com isso, use o WPRocket.

12. Combine suas imagens em uma – Sprites CSS

Um navegador precisa fazer várias viagens de ida e volta ao seu servidor para buscar várias imagens. Podemos combinar essas imagens em um arquivo grande 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 você 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.

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

Pensamentos finais

Nada supera um excelente host WP gerenciado com uma solução de cache interna e um bom tema de uma casa de temas de renome.

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

Esta 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 economizará todo o esforço de usar tantos plugins para um propósito. E fazer com que todos esses plugins funcionem de forma eficaz para o seu site é outra coisa.

Outra coisa que você precisa saber, muitos plugins não necessariamente deixam seu site mais lento, desde que sejam plugins de qualidade.

Teste seu site novamente,

Durante o teste, use um novo plug-in de cada vez para verificar os resultados. Se eles não forem sucessivamente melhores, você deve se ater apenas aos plugins/plugins anteriores. Por exemplo, use um plug-in de cache gratuito como o Fastest Cache para ver o quanto seu site fica mais rápido.

Procure incrementos no desempenho antes de se ater a um plug-in recém-ativado.

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

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!

Divulgação: Esta página contém links de afiliados externos que podem resultar no recebimento de uma comissão se você optar por comprar o produto mencionado. As opiniões nesta página são nossas e não recebemos bônus adicional por avaliações positivas.