![17 Formas Poderosas de Acelerar sua Loja WooCommerce ([year] Ultimate Guide)](https://kinsta.com/pt/wp-content/uploads/sites/3/2020/03/17formas-acelerar-woocommerce-1024x512.jpg)
Velocidade é dinheiro para um site de eCommerce. Quanto mais rápido o seu site carregar, melhor será a experiência de compra. Uma melhor experiência do usuário se traduz em SEO melhorado, maior ROI, e clientes mais felizes. Isto, leva a maiores receitas e lucros.
Os compradores esperam hoje imagens e vídeos de alta resolução, chat em tempo real, críticas de usuários, inventário em tempo real, personalização e uma série de outras ferramentas dinâmicas.
Os compradores on-line têm um curto espaço de atenção. Assim, todos os recursos que eles esperam ter uma experiência de compra mais rápida e suave são os mesmos que retardam o seu site de eCommerce se você não os executar corretamente.
WooCommerce é a plataforma de eCommerce mais popular do mundo e é gratuito para usar e ajustar de acordo com às suas necessidades.
O WooCommerce já foi baixado mais de 88 milhões de vezes. Até o momento, ele está sendo utilizado em mais de 5 milhões de sites.
Ao contrário de outras plataformas de compras populares, você não precisa pagar uma porcentagem da sua receita para o WooCommerce quando o utiliza. No entanto, existem alguns custos gerais de membros com a gestão de uma loja WooCommerce.
Mas há um ponto negativo! Como o WooCommerce é gratuito e o suporte é limitado, você é responsável por mantê-lo. A boa notícia que é fácil cuidar disso, se você souber o que está fazendo!
Quer aprender como acelerar o seu site WooCommerce de forma confiável?
Este guia é para você!
E lembre-se, seu objetivo final é aumentar a receita da sua loja. Portanto, não deixe de baixar nosso ebook gratuito, “10 Maneiras de Aumentar a Taxa de Conversão de suas Páginas de Produtos WooCommerce“.
Por que a velocidade é importante para uma loja on-line
As primeiras impressões importam e a velocidade é a primeira coisa que um usuário vai notar sobre o seu site. Em um estudo do Google, 53% dos usuários de celular deixaram um site se demorou mais de 3 segundos para carregar.
“2 segundos é o limite para a aceitabilidade do site de eCommerce. No Google, o nosso objectivo é de menos de meio segundo.”
– Maile Ohye, Tech Lead, Google
Em outro estudo global, 80% dos usuários consideraram um site de carregamento lento mais frustrante do que um site temporariamente inativo. O mesmo estudo também descobriu que 73% dos usuários mudariam para um site concorrente se um site fosse muito lento para carregar.
Mesmo um atraso de 100 milissegundos no tempo de resposta da página pode prejudicar a experiência do usuário e a receita on-line. Segundo a Akamai, um atraso de 100 milissegundos afeta as taxas de conversão em 7%, enquanto um atraso de 2 segundos prejudica as taxas de conversão em 103%.
Se o seu site está gerando $1000 em receitas diárias, atrasos de 100 milissegundos no carregamento de páginas podem custar $25.550 em vendas perdidas anualmente.
Quanto maior é o negócio, maior é a queda. Por exemplo, a Amazon projetou uma perda de receita de US$ 1,6 bilhão por ano se o tempo de carregamento de páginas desacelerasse apenas um segundo.
Os dados acima sugerem que se o seu site leva 6 segundos ou mais para carregar, você está perdendo o dobro de usuários do que perderia se o seu site fosse carregado em menos de 3 segundos.
Para além da experiência do utilizador, velocidade do seu site também tem impacto no SEO. A velocidade e o desempenho do site são um fator importante no algoritmo de classificação de sites do Google.
O Google mudou para a indexação que prioriza dispositivos móveis para mais de 50% das páginas mostradas em seus resultados de pesquisa. Apesar disso, dados do HTTPArchive.org sugerem que o tempo médio de carregamento para sites móveis rodando WordPress piorou no último ano.
Durante períodos de pico de tráfego como a Cyber Monday e a Black Friday, é ainda mais crucial manter o seu site funcionando o mais rápido possível. Com a explosão de ofertas, garantir que os compradores não abandonem o seu site é fundamental para concluir as vendas.
Dadas estas estatísticas, acelerar sua loja WooCommerce pode lhe dar uma vantagem significativa sobre seus concorrentes.
Medindo a velocidade de uma loja WooCommerce
O que não se pode medir, não se pode melhorar!
Agora que você entendeu porque velocidade é importante para sua loja WooCommerce, é hora de aprender. É essencial saber como medir as melhorias quando você está tentando acelerar o seu site WordPress.
Um teste de velocidade do site é uma ferramenta perfeita para testar a capacidade de resposta da sua loja WooCommerce. Mas se você não fizer isso corretamente, seu site pode parecer mais lento depois de fazer mudanças, inclusive quando ele é realmente mais rápido.
Recomendamos que você comece com uma dessas ferramentas de teste de velocidade do site: WebPagetest, Pingdom, Google PageSpeed Insights ou GTMetrix.
Você também pode usar o plugin gratuito WordPress Query Monitor para localizar os temas, plugins e funções que estão funcionando mal. Ele ajuda você a depurar consultas ineficientes a bancos de dados, funções pesadas, erros de PHP, chamadas API HTTP, etc.
Nenhuma ferramenta de teste de velocidade é perfeita, mas escolha uma e fique com ela. Você pode trabalhar para outras opções mais tarde.
Há uma diferença entre o desempenho real e o desempenho percebido. A experiência do usuário é mais importante do que a feitiçaria técnica que alimenta o site.
Portanto, use as técnicas mencionadas abaixo para melhorar a experiência geral do seu site, em vez de apenas obter uma pontuação de alta velocidade.
Como acelerar o WooCommerce
Um relatório de teste de velocidade lhe dará um plano acionável para otimizar seu site de WooCommerce lento. Entusiasmado? Vamos começar!
1. Otimize as configurações do WooCommerce para desempenho
Vamos começar com o básico, otimizando as configurações dos plugins de WooCommerce.
Primeiro, altere a URL da sua página de login. Por padrão, a URL de login de todos os sites WordPress é domain.com/wp-admin/. Embora isto seja fácil de lembrar, coloca um grande problema: todos sabem disso também, incluindo bots e hackers.
Alterar à sua URL de login para algo único irá protegê-lo de contra-ataques de força bruta por pessoas maliciosas. Também o ajudará a combater erros HTTP limitadores de taxa como o Erro 429 Too Many Requests.
Plugins gratuitos como o WPS Hide Login e Rename wp-login.php tornam esta tarefa super fácil.
Caso o seu site de eCommerce também tem um blog, você pode limitar o número de artigos no feed do seu blog. WordPress define este limite para 10 artigos por padrão, mas você pode definir um limite inferior.
Embora isso possa parecer trivial, a economia de desempenho se soma caso você tiver um blog de alto tráfego (aqui está como conduzir o tráfego para o seu site). Você pode encontrar esta opção em WordPress Dashboard → Settings → Reading.
A seguir, desabilite os pingbacks em seu site. Eles normalmente geram spam sem valor. Quanto menos consultas o seu site gerar, melhor.
Se você tem muitos comentários de usuários em seus artigos ou páginas, então o WordPress também lhe dá a opção de dividi-los em partes menores. A mesma abordagem se aplica à divisão das revisões nas páginas de produtos.
Mantenha este número entre 10 e 20 para otimizar o tempo de carregamento da página do seu produto.
Você pode desativar comentários de produtos em WooCommerce → Settings, caso você não goste de receber em sua loja. Isto ajudará a acelerar o seu site, pois elimina o carregamento de alguns scripts e widgets.
Finalmente, remova quaisquer temas e plugins desnecessários/atualizados do seu site. Quanto menos temas e plugins você tiver instalado, mais fácil é mantê-los e solucionar problemas de desempenho.
2. Obtenha um tema de WooCommerce rápido
O uso do o tema certo de WooCommerce é importante. Há centenas de milhares de temas por aí, então decidir sobre o perfeito para você é sempre um desafio.
Um belo tema com incríveis funcionalidades incorporadas pode soar bem no papel, mas pode falhar quando em uso. Para um site de eCommerce, é necessário garantir que ele seja totalmente compatível com o WooCommerce.
WP Rocket testou um monte de temas populares de WooCommerce para velocidade e chegou aos seguintes resultados.
Astra, OceanWP, e GeneratePress também são os favoritos da Kinsta como sugerido no artigo de como acelerar o WordPress. Eles são temas WordPress ultra-rápidos e leves. Você encontrará mais de 10 temas adicionais muito rápidos neste tutorial.
Quando combinados com um construtor de páginas como a Elementor ou Beaver Builder, eles podem ajudá-lo a criar quase qualquer site.
Storefront é um tema gratuito oferecido pelo WooCommerce, enquanto Shoptimizer, Divi, e WoondrShop são temas premium. Uma vez que estes temas são construídos para rodar um site de eCommerce, não há necessidade de instalar plugins de terceiros para obter todos os recursos que você deseja.
Se você tem pouco orçamento, não há problema em começar com um tema gratuito e, mais tarde, fazer um upgrade para uma solução premium.
Recomendamos deixar os construtores de páginas para trás para reduzir o peso. Em vez disso, vá para um tema que suporte o editor de blocos WordPress, o Gutenberg.
Para decidir sobre um tema, sugerimos que liste abaixo todas as funcionalidades de que necessita na sua loja on-line. Em seguida, escolha um tema que cubra a maioria das suas necessidades de funcionalidades. Isso o ajudará a reduzir a dependência de temas pesados e plugins de terceiros.
Isto nos leva à próxima sugestão.
3. Vá devagar com os Plugins e Extensões WooCommerce
O WordPress tem mais de 54.000 plugins gratuitos em seu repositório. Os plugins premium em circulação são ainda mais. Assim, é fácil se deixar levar e instalar dezenas delas.
Muitos plugins populares, especialmente os relacionados a desempenho e segurança, não funcionam bem em certos ambientes de hospedagem.
Se achar difícil decidir qual plugin instalar, consulte a lista de plugins escolhidos a dedo dos melhores plugins WordPress da Kinsta. Desde SEO até compressão de imagem, com certeza você encontrará boas opções.
A funcionalidade do WooCommerce pode ser expandida com à sua vasta gama de extensões gratuitas e premium de WooCommerce. Eles funcionam da mesma forma que os plugins.
Ao contrário da percepção popular, o número de plugins que você instala nem sempre causa problemas de desempenho. Mas isto só se aplica enquanto os plugins forem construídos com as melhores práticas de codificação.
A instalação de cada plugin por qualidade torna-se um incômodo quando há muitos deles. Considerando que você tem a habilidade e a experiência para verificá-los minuciosamente.
Alguns plugins até mesmo entram em conflito com outros plugins. Quando você instala dezenas de plugins em seu site, a probabilidade de conflitos de plugins aumenta exponencialmente.
Portanto, seja inteligente quanto ao tipo de plugins e extensões do WooCommerce você instala.
4. Aumente o limite de memória WordPress
O WordPress aloca por padrão 32 MB de memória para PHP. Se ele se deparar com alguma dificuldade, tentará automaticamente aumentar este limite para 40 MB (para um único site) ou 64 MB (para um multisite).
Na maioria dos casos, este limite de memória não será suficiente para um site de WooCommerce. Você pode até receber uma mensagem de erro no seu painel, como por exemplo:
“Allowed memory size of xxxxxx bytes exhausted”.
É recomendado aumentar este limite para 256 MB. Faça sempre um backup de qualquer arquivo antes de editar. Caso algo dê errado, você pode substituir o arquivo editado pelo arquivo original.
5. Compressão de imagens e otimização da entrega
As imagens compõem a maior parte do tamanho da página de qualquer site, especialmente para um site de eCommerce. Os sites de WooCommerce são carregados com imagens e banners de produtos.
Se você não otimizar as imagens para tamanho e entrega, você poderia retardar muito seu site. 🐌
HTTPArchive rastreia o tamanho e a quantidade de muitas páginas de internet populares. Aqui está uma representação visual do estado dos seus sites WordPress em 2021:
Embora os vídeos sejam um recurso mais pesado que as imagens, eles são carregados sob demanda na maioria dos casos. Isto significa que eles não afetam tanto a velocidade de carregamento da página percebida quanto as imagens.
De acordo com o relatório HTTP Archive image status report, 545 KB por página podem ser salvos aplicando o carregamento preguiçoso a imagens escondidas e fora da tela.
De acordo com o relatório Estado das Imagens do HTTP Archive, você pode salvar 545 KB por página, carregando imagens escondidas e fora da tela.
Ao definir seus níveis de compressão JPEG para 85 ou inferior, você pode salvar ainda mais 40,3 KB por página. Esta métrica vem diretamente do Lighthouse, a ferramenta de teste de velocidade do Google para sites móveis.
Siga estas 5 regras para otimizar imagens para sua loja WooCommerce (e para a web em geral):
- Escolha o formato certo para às suas imagens (JPEG, PNG, SVG, WebP).
- Comprima as imagens de forma eficiente usando as ferramentas certas.
- Use imagens responsivas para otimizar a entrega para vários dispositivos.
- Aplique o carregamento preguiçoso para imagens fora da tela e escondidas.
- Entrega de imagens para CDNs rápidos.
O WooCommerce 3.3 introduziu melhorias no tamanho da imagem, tais como redimensionamento de miniaturas em tempo real, correção de imagem desfocada e redimensionamento de miniaturas de fundo. Todos estes recursos tornam redundante o uso de um plugin como o Regenerate Thumbnails para imagens relacionadas ao WooCommerce.
Se você está começando com uma nova instalação, você pode comprimir suas imagens antes de carregá-las no seu site. Aqui estão algumas das principais recomendações de compressão de imagens on-line:
Você já tem muitas imagens no seu site? Então você pode usar um plugin WordPress para automatizar a otimização de imagens. Aqui estão os que, consistentemente, realizaram o melhor em nossa experiência:
A maioria destes plugins também permite o carregamento preguiçoso de imagens. A equipe central do WordPress está planejando adicionar imagens de carregamento preguiçoso como um recurso embutido. Isto irá utilizar o novo atributo HTML de carregamento para tags.
Uma última coisa sobre otimização de imagem, no entanto. Evite usar plugins de compressão de imagens tanto quanto possível, particularmente os que usam os recursos do seu servidor para comprimir as imagens.
Em vez disso, use um serviço que descarrega a tarefa de compressão de imagem para um servidor externo. Ou melhor ainda, redimensione e comprima suas imagens antes de carregá-las em seu site.
Para um tutorial detalhado, o artigo da Kinsta sobre a otimização de imagens para web e desempenho é um ótimo recurso para começar.
6. Entregue recursos estáticos via CDN
Content Delivery Network (CDN) é um grupo de servidores localizados estrategicamente ao redor do mundo. Estas localizações de servidores são conhecidas como Pontos de Presença (PoPs).
A principal função de um CDN é armazenar e entregar recursos estáticos como imagens, JavaScript, CSS, etc. Os CDNs mais poderosos também podem hospedar e fornecer conteúdo dinâmico, como áudio e vídeo.
Mesmo que o seu site funcione no servidor mais rápido do planeta, ele ainda está limitado pela sua localização geográfica. Um CDN WordPress irá diminuir a distância entre o usuário individual e os recursos do site, reduzindo tanto a latência da rede quanto o tempo para o primeiro byte (TTFB).
Dependendo da origem do pedido, ele atribui automaticamente o CDN PoP mais próximo para entregar os recursos em cache. O resultado é um site mais rápido e uma melhor experiência para o usuário.
Se você é um cliente Kinsta, sem custo extra para você, fornecemos apenas localizações que oferecem as melhores máquinas C2 do Google. Você pode selecionar a região que funciona melhor para você e seus usuários na qual você pode escolher entre 26 centros de dados nos cinco continentes.
Sua loja WooCommerce pode operar em velocidade máxima com nossos 275+ CDN POPs.
Por exemplo, se sua loja WooCommerce estiver hospedada em um servidor nos EUA, e um usuário da Índia tentar abrir seu site, o CDN servirá os ativos do site a partir do PoP mais próximo. Aqui seria a partir de Bengaluru (Índia).
Como regra geral, quanto maior for o número de PoPs e quanto maior à sua difusão global, mais rápido será o seu site para os seus utilizadores.
Kinsta colocou o seu CDN à prova e os resultados falam por si. Para usuários em localizações geográficas que estão consideravelmente mais distantes do servidor de hospedagem, a utilização de um CDN reduziu o tempo de carregamento do site em mais de 50%.
Além do cache, muitos CDNs incluem outros recursos que melhoram o desempenho, como compressão superior de imagens on-the-fly, suporte a HTTP/2, proteção hotlink e segurança adicional.
Para uma loja WooCommerce mais rápida, recomendamos que você obtenha um CDN rápido. Alguns CDNs populares que você pode conferir são:
7. Elimine scripts e folhas de estilo não utilizados
A maioria dos temas e plugins de WordPress carregam scripts e folhas de estilo em todas as páginas do seu site. Eles carregam esses recursos, mesmo quando não são usados na página.
Como exemplo, o Contact Form 7 carrega os seus scripts e folhas de estilo em cada página. Os seus formulários só podem ser utilizados na página de contato, mas os ativos carregam em todas as páginas. Bastante desnecessário!
Tirar estes ativos não utilizados de páginas irá ajudá-lo a reduzir o peso e acelerar o tempo de carregamento das páginas. O WooCommerce e suas extensões (por exemplo, Smart Coupon e Follow-Up) estão sujeitos a este problema.
Por exemplo, é desnecessário carregar scripts relacionados com gateways de pagamento na página inicial da sua loja ou na página da loja. Você pode restringir tais scripts para carregar apenas nas páginas de checkout e confirmação de pedidos. Da mesma forma, elimine os scripts e estilos de slides e carrosséis da sua página de checkout.
Se você quer saber quais ativos eliminar, veja o gráfico da cascata no relatório de teste de velocidade do seu site. Ele lhe dará uma ideia sobre os ativos desnecessários que estão sendo carregados.
O separador Networ sob o DevTools do navegador Chrome é também um bom local para começar. Ele lhe dará uma visão abrangente de como e o que uma página da Web carrega.
Tire os scripts e estilos que não são necessários para o funcionamento da página. Comece otimizando sua página inicial e landing page, já que estes são os primeiros pontos de entrada para a maioria de seus usuários.
Você pode usar as funções wp_dequeue_script e wp_dequeue_style para remover scripts e estilos que você não precisa. Uma maneira fácil de conseguir o mesmo é através de um plugin chamado Asset CleanUp: Page Speed Booster.
O Asset CleanUp verifica todos os scripts e folhas de estilo que serão carregados em uma página. Você pode desabilitar os que não são usados na página. Teste a página para um design e funcionalidade adequados assim que terminar de fazer as alterações.
A versão pro do plugin permite definir atributos assíncronos ou diferidos para os ativos. O aplicativo desta configuração remove o JavaScript do caminho de renderização crítico da página. Ele deve ajudar a melhorar a percepção do tempo de carregamento da página do seu site.
Outra vantagem de eliminar ativos CSS e JS desnecessários é que seu site efetuará menos solicitações HTTP.
Para uma alternativa gratuita, você pode usar a combinação dos plugins Autoptimize e Async JavaScript para obter os mesmos resultados.
8. O HTTP/2 é extremamente essencial
Se este artigo tivesse sido escrito há alguns anos, o título teria sido “Reduzindo o número de solicitações HTTP“. Graças a melhorias substanciais na forma como os navegadores se comunicam com os sites (e vice-versa), a necessidade desta otimização é agora obsoleta.
O HTTP 1.1 foi a primeira grande atualização do protocolo HTTP, finalizado em 1997. Isso foi antes das redes sociais, serviços de streaming, aplicativos para smartphone e até mesmo WordPress. A web tem crescido exponencialmente desde então.
O HTTP/2 melhorou em relação ao protocolo HTTP 1.1 e fez sua entrada em 2015 para acompanhar as crescentes demandas da Internet. Ele trouxe com ele incríveis melhorias em velocidade, eficiência e segurança.
O aumento de desempenho com o HTTP/2 deve-se a múltiplos motivos:
- Melhor multiplexação e paralelismo em uma única conexão TCP.
- Compressão HPACK para cabeçalhos com algoritmo de codificação Huffman.
- Extensão ALPN para uma encriptação mais rápida.
- O servidor proativo empurra em vez de esperar por pedidos.
Tudo isso representa uma vantagem crucial: fazer com que os sites sejam carregados mais rapidamente, mesmo ao hospedar vários tipos de recursos.
Tipicamente, as lojas WooCommerce servem muitos recursos pesados, tais como imagens, folhas de estilo e scripts. Sites como esses se beneficiarão muito com a mudança para o HTTP/2.
Você pode usar a ferramenta de teste HTTP/2 pelo KeyCDN para verificar se o seu site está configurado para trabalhar com o HTTP/2. A partir de agora, todos os principais navegadores suportam o HTTP/2. Não há razão para não aproveitar os enormes benefícios do seu desempenho.
Caso o seu provedor de hospedagem ainda não suporta HTTP/2, comece a procurar por um novo. Kinsta suporta HTTP/2 e TLS 1.3 em todos os seus servidores e CDN.
Além disso, o HTTP/3 está prestes a ser lançado e está pronto para tornar o carregamento de sites ainda mais rápido.
9. Acelerando o WooCommerce com o cache
O cache está armazenando temporariamente recursos (cache) de uma solicitação para que as solicitações subsequentes possam ser executadas rapidamente. O cache pode ser armazenado tanto no servidor quanto no dispositivo do usuário.
É uma das formas mais fáceis de acelerar à sua loja WooCommerce. E é também a mais importante.
- O usuário faz um pedido através do seu navegador para um site. Por exemplo, eles digitam www.kinsta.com em seu navegador.
- O navegador então faz um pedido para que uma página de internet (documento HTML) seja exibida para o usuário. Um servidor DNS trata desse pedido, resultando na revelação do IP do servidor de hospedagem.
- A devolução da página de internet é tratada por um aplicativo (por exemplo, WordPress, Joomla, etc.) hospedada em um servidor web. Com sites estáticos, um aplicativo pode nem sequer ser necessária.
- O aplicativo executa os scripts (ex. PHP, JavaScript, etc.) e (5) consulta o banco de dados (ex. MySQL, MongoDB, etc.) para construir uma página de internet. Em seguida, ele retorna a página de internet para o navegador, que a renderiza e a mostra ao usuário.
Se tudo funcionar sem problemas, todas as etapas acima devem demorar alguns segundos, no máximo, para serem executadas.
Mas isso é apenas um pedido de um único utilizador. E se houver vários pedidos de milhares de usuários simultaneamente? Isso irá colocar uma enorme carga no servidor, levando eventualmente a um site mais lento.
É aqui que o cache ajuda. Ele reduz a quantidade de trabalho necessário para gerar uma visualização de página, reduzindo assim a dependência do WordPress, do PHP e de um banco de dados. O cache faz com que o WordPress funcione quase tão rápido quanto sites estáticos, se não for o mesmo.
Existem 2 tipos principais de cache web, cada um com os seus próprios subconjuntos:
Cache do lado do servidor
Cache do lado do cliente
O cache não só torna mais rápido o carregamento do site, como também reduz a carga no servidor. O artigo detalhado da Kinsta sobre o cache WordPress é um ótimo recurso para uma explicação detalhada.
Caso à sua loja WooCommerce está hospedada na Kinsta, o cache é feito no nível do servidor. Portanto, você não precisa usar um plugin de cache.
Kinsta configura as regras de cache para funcionar perfeitamente com o WooCommerce. Isto garante que seus usuários tenham uma experiência de checkout suave e sem problemas.
Caso o seu provedor de hospedagem não lida com o cache em nível de servidor, então você precisa depender de plugins de cache de terceiros para fazer o trabalho por você. Mesmo que não seja uma solução ideal, ainda assim é melhor que nada.
Aqui estão nossas principais recomendações de plugins de cache para WordPress:
- WP Rocket (premium)
- W3 Total Cache (gratuito)
- Cache Enabler (gratuito)
Para mais opções, veja o artigo da Kinsta sobre plugins de cache WordPress.
10. Limpe o seu banco de dados WooCommerce
Um banco de dados é uma coleção organizada de todos os dados do seu site. Em uma loja WooCommerce, ela inclui:
- Conteúdo do site, tais como páginas de produtos, categorias, tags, dados do usuário, revisões, configurações de todo o site, tema, plugins, etc.
- Dados da transação, como detalhes do pedido, pagamentos, inventário, etc.
Sempre que um usuário visita sua loja, ele está solicitando o conteúdo do seu site, sendo na maioria estático e não muda muito. Mas quando eles estão fazendo um pedido, eles estão fazendo um pedido dinâmico.
Se você não otimizar o banco de dados da sua loja, pode demorar muito tempo para processar esses pedidos. Um tempo de resposta lento do servidor leva a um site lento. Portanto, você deve limpar e otimizar o banco de dados, removendo lixo desnecessário.
Aqui estão 6 maneiras de acelerar e afinar o seu banco de dados do WooCommerce.
Exclua revisões antigas
Caso à sua loja WooCommerce já está funcionando há algum tempo, às suas páginas, artigos e produtos serão preenchidos com revisões antigas. É hora de limpá-las.
A maneira mais fácil de fazer é através de plugins como o WP-Sweep ou o WP Rocket.
Se você está familiarizado com o WP-CLI, então você também pode se conectar ao seu servidor via SSH e executar alguns comandos simples para fazer o mesmo. Aqui está como você pode fazer isso.
Limite o número de revisões salvas
Você pode evitar ter numerosas revisões antigas limitando o número de revisões para artigos e páginas. Se você está disposto em atualizar o conteúdo do seu site com frequência, isso o ajudará a evitar que as revisões saiam do controle.
Uma maneira fácil de definir o limite é adicionando o código abaixo ao seu arquivo wp-config.php. Certifique-se de adicioná-lo antes da linha onde o ABSPATH está definido.
define('WP_POST_REVISIONS', 15);
Eu defini o limite como 15 no código acima. Você pode mudá-lo para qualquer número de revisões que quiser, mas tente mantê-lo abaixo de 15.
Alternativamente, você pode usar um plugin gratuito como o WP Revisions Control para fazer o mesmo.
Desative por completo as revisões (se desnecessárias)
Você pode desativar as revisões do seu site por completo. Tudo que você precisa fazer é adicionar o seguinte código ao seu arquivo wp-config.php. Como antes, certifique-se de adicionar este snippet acima da linha onde o ABSPATH está definido.
define('WP_POST_REVISIONS', false);
Ou você pode usar um plugin gratuito, como Disable Post Revision, para fazer o mesmo com um único clique.
Antes de desativar as revisões, sugerimos que apague todas as revisões antigas que ainda estão presentes. Desta forma, o banco de dados do seu site ficará completamente livre de revisões em andamento.
Limpeza de transitórios expirados
Os dados transitórios são armazenados em cache com um nome personalizado e um período de expiração. Eles são normalmente armazenados no banco de dados do WordPress sob a tabela wp_options.
Os transitórios são semelhantes a Opções, exceto que têm uma propriedade adicional de tempo de expiração. Eles são úteis para armazenar dados temporários, como respostas de uma API remota ou grandes consultas.
WordPress Transients API define como lidar com transitórios e excluir transitórios expirados automaticamente. No entanto, as coisas nem sempre correm como planejado.
Às vezes, um cache transitório corrompido pode criar quase um milhão de entradas inúteis. Ou as sessões dos clientes podem se acumular com o tempo, criando milhares de linhas inúteis em tabelas do banco de dados. Nesses casos, um banco de dados pesado pode colocar seu site em risco.
O plugin gratuito Delete Expired Transients é uma maneira fácil de se livrar de todos os transitórios expirados.
Limpe sua tabela do banco de dados
Seu banco de dados de WooCommerce comercializa tudo o que você precisa para administrar sua loja de eCommerce. Conforme os dados são adicionados, removidos e movimentados nas tabelas do seu banco de dados, eles se tornam ineficientes e acabam armazenando muitas coisas que não são importantes para o funcionamento da sua loja.
Você precisa limpar estes dados desnecessários, limpando as tabelas do seu banco de dados. A tabela wp_options, em particular, é propensa a ficar pesada e prejudicar o desempenho do banco de dados.
A manutenção do banco de dados é fundamental para manter seu site WordPress funcionando o mais rápido possível.
A otimização manual do seu banco de dados é um processo moroso. Você pode usar o plugin gratuito WP-Optimize para verificar quais tabelas do banco de dados têm dados desnecessários e excluir esses espaços desperdiçados. Também pode recuperar o espaço de armazenamento perdido devido à fragmentação dos dados.
Você pode agendar o WP-Optimize para limpar e otimizar seu banco de dados regularmente.
Desabilitando as funcionalidades menos necessárias que sobrecarregam seu banco de dados
Os temas e plugins do WooCommerce vêm com muitas funcionalidades interessantes que parecem ótimas no início, mas depois acabam destruindo o banco de dados em partes.
Um desses exemplos é o uso de plugins “Produtos Populares” e “Produtos Relacionados”. Estes recursos podem causar enormes consultas em todo o site, especialmente se você tiver muitos produtos. Se você precisar desses recursos, tente inseri-los manualmente em suas páginas. Plugins como os “Advanced Custom Fields” podem ajudar imensamente aqui.
Outro exemplo são os plugins de otimização de imagens que comprimem imagens no mesmo servidor onde o site está hospedado, em vez de fazê-lo externamente. Isto acaba por utilizar muitos dos recursos do seu servidor.
Além disso, fique longe de plugins que adicionam contadores ao seu site. Por exemplo, adicionando o número de visualizações/artigos/comentários ao lado de um nome de usuário. Uma longa discussão com vários usuários envolvidos irá enfatizar o seu banco de dados para comprimir esses números.
Este conselho também se aplica ao uso de um contador social. Minimizar o uso de contador autogerado para maximizar o desempenho do banco de dados.
Tal como as tarefas domésticas, o aperfeiçoamento do seu banco de dados WordPress é um processo contínuo.
Tendo isto em mente, Kinsta implementou um sistema automatizado para combater problemas de desempenho do banco de dados. Baseado nas necessidades do seu site, o sistema automatizado escaneia e ajusta o seu banco de dados MySQL uma vez por semana para garantir o pico de desempenho do banco de dados. Se o sistema detecta algo fora do comum que não pode ser corrigido automaticamente, ele notifica a equipe de administração do sistema para tomar medidas imediatas.
Se o seu site está hospedado em algum outro lugar, aqui estão alguns plugins de otimização do banco de dados para facilitar o seu trabalho:
Lembrete: Faça sempre um backup antes de editar o seu banco de dados ou os arquivos de WordPress.
11. Otimize à sua loja para uma experiência mobile-first
Desde janeiro de 2020, existem mais de 4 bilhões de usuários de internet no mundo. Há quase o mesmo número de usuários de internet móvel. Espera-se que cresça para mais de 5 milhões até 2024.
Os dispositivos móveis ultrapassaram os desktops no tráfego global do site em 2019, gerando 52,6% do total de visualizações de páginas. Em alguns países, como Índia e Nigéria, os dispositivos móveis representam mais de 70% das visualizações de páginas de internet.
De acordo com um estudo envolvendo mais de 500 milhões de compradores on-line em 37 países, os smartphones foram responsáveis por 65% das visitas ao site e 46% das encomendas de eCommerce.
Surpreendentemente, a taxa de conversão para dispositivos móveis é menos de metade da dos desktops. Há aqui um espaço fenomenal para o crescimento.
Você pode começar fazendo com que sua loja WooCommerce seja amigável ao dispositivo móvel e usando a Ferramenta de Teste de Compatibilidade com Dispositivos Móveis do Google para verificar se o seu site excede os padrões mínimos de usabilidade móvel.
O teste irá mostrar-lhe um instantâneo de como o seu site fica num dispositivo móvel. Também irá listar quaisquer problemas de usabilidade do dispositivo móvel, se encontrar algum.
A maneira mais fácil de tornar o seu site WordPress amigável é usar um tema de responsivo. Todos os temas mencionados anteriormente neste artigo são sensíveis de forma imediata e ficam ótimos em dispositivos móveis.
Os clientes móveis não gostam de percorrer infinitamente. Por esta razão, mantenha as páginas da sua loja o mais breve possível. Não coloque muito conteúdo.
Se você tem muitos produtos listados na sua loja, facilite para os seus compradores móveis encontrar através da pesquisa. Você pode instalar o plugin WooCommerce Product Search para ajudar seus clientes a encontrar produtos rapidamente com filtros de produtos.
Finalmente, simplifique a experiência de checkout para os seus compradores on-line. Quanto menos passos para fazer uma encomenda, melhor será a experiência de compra. Aqui estão algumas extensões do WooCommerce que o podem ajudar com isto:
- WooCommerce Social Login – Elimina a necessidade de criação de conta demorada ou processo de login. Deixe seus usuários entrarem com suas contas sociais, como Facebook, Twitter, Google, etc.
- Swatches de Variação e Fotos – Diga adeus aos irritantes menus suspensos para selecionar variações de produtos. Em vez disso, dê aos seus usuários botões fáceis de tocar para todas as opções de produtos.
- Checkout de uma página – Não deixe os seus clientes abandonarem o seu site tão facilmente. Permita comprar o que eles querem instantaneamente, sem etapas extras. Se você acha que o checkout de clientes é um ótimo ajuste para a sua loja, então você pode procurar ativá-lo.
- Checkout Field Editor – Adicione, remova ou altere os campos da sua página de checkout. Por exemplo, se você só vende produtos digitais, você não precisa coletar endereços de envio.
- Bolt / Stripe / Amazon Pay / PayPal – Os pagamentos são a ruína das compras móveis. Você pode escolher entre diferentes extensões de gateway de pagamento do WooCommerce para facilitar a cobrança de pagamentos.
As compras móveis são mais que fazer uma compra. Muitos usuários usam principalmente para procurar informações sobre produtos e verificar/comparar preços. Torne à sua experiência de loja on-line ótima para os seus utilizadores nos seus dispositivos móveis.
12. Desative o pedido AJAX Get Refreshed Fragments
Quando um usuário faz qualquer alteração em seu carrinho de compras, o WooCommerce utiliza o pedido AJAX Get Refreshed Fragments para atualizar o conteúdo do carrinho de compras de forma dinâmica. Atualizar a página do carrinho de compras sem recarregar parece ótimo do ponto de vista do usuário.
Mas, na maioria das vezes, isso torna os sites mais lentos, principalmente aqueles hospedados em servidores compartilhados. Além disso, muitos sites não acabam usando este recurso.
Só para verificar, testamos uma loja WooCommerce atualizada no Pingdom Tools e aqui estão os resultados:
Apesar de ter apenas 1,1 KB de tamanho, o pedido wc-ajax=get_refreshed_fragments leva 0,76 segundos para ser executado. Caso o seu site leva 3 segundos ou menos para carregar, isso é mais de 25% do tempo de carregamento da página. Este site de teste é hospedado em uma nuvem VPS, então você pode imaginar os tempos de carregamento em um plano de hospedagem mais barato.
Este artigo por WebNots cobre o assunto com mais detalhes. Você pode usar os plugins Disable Cart Fragments ou o Disable Cart Fragments by Optimocha gratuitamente para desativar este pedido complexo.
Se você desativar este pedido, então é recomendado ativar a opção ‘Redirecionar para a página do carrinho após adição bem sucedida’ em seu painel de configurações do WooCommerce → Produtos.
A ativação deste comportamento irá garantir que o utilizador é redirecionado para a página Carrinho após adicionar um produto ao seu carrinho.
Otimizando o painel de controle do WooCommerce
A velocidade não é um fator importante apenas para o frontend da sua loja. Um backend rápido é igualmente crucial para gerenciar à sua loja com facilidade e fazer alterações rápidas sempre que necessário.
Trabalhar eficientemente no seu painel de controle do WooCommerce é a chave para ser produtivo. Também liberta o seu tempo para fazer coisas mais essenciais para o sucesso da sua loja WooCommerce, como o marketing on-line.
Abaixo estão algumas maneiras de resolver um painel de controle lento do WooCommerce.
Otimize o frontend primeiro e depois o backend
O problema só ocorre com o painel de controle do WordPress e não com o site inteiro? Se for o último, então aplique primeiro todas as otimizações listadas anteriormente.
Por quê? Porque, na maioria dos casos, tornar a carregamento da sua loja WooCommerce mais rápida no frontend também otimizará o backend no frontend. Podemos atribuir isso à liberação de recursos no seu servidor.
Caso o seu painel de controle estiver atrasado mesmo após otimizar o frontend, então continue com as seguintes sugestões.
13. Remova elementos pesados e atualize tudo regularmente
Certifique-se de atualizar frequentemente o WordPress, WooCommerce, plugins, extensões e o tema. Se um tema ou plugin não é mais suportado por seus desenvolvedores, então é hora de considerar a possibilidade de abandoná-los.
Da mesma forma, se um tema/plugin adiciona peso desnecessário ao seu painel de controle, comece a procurar melhores alternativas. Por exemplo, você pode querer considerar alternativas aos plugins que servem anúncios agressivos no seu painel de controle.
Esta questão é tão prevalecente que existem plugins dedicados exclusivamente a remoção do peso de alguns dos plugins mais populares de WordPress.
14. Desative o cache de objetos e cache do banco de dados
Os plugins de cache são uma ótima maneira de acelerar o seu site WordPress. No entanto, se não forem configurados corretamente, podem levar a resultados inesperados. Isso inclui a desaceleração do seu backend.
Por exemplo, o W3 Total Cache é um dos plugins de cache mais populares para WordPress. É gratuito, suporta muitas opções de cache, faz a minificação JS e CSS, integra-se com um CDN, e usado por mais de 1 milhão de sites.
O W3 Total Cache apresenta as seguintes opções de cache:
- Cache de página.
- Cache Opcode.
- Cache do banco de dados.
- Cache de objeto.
- Cache do navegador.
- Fragment Cache.
Ter muitas opções é confuso, especialmente para iniciantes que não entendem o que cada tipo de cache faz.
O cache de objetos e o cache de banco de dados aceleram o site, reduzindo o número de solicitações do banco de dados, mas vêm a um preço elevado sobre o trabalho delegado a memória do servidor.
Idealmente, isto não deve ser um problema se o seu servidor de hospedagem for inteligente ou poderoso o suficiente. Por exemplo, se o seu site WordPress está hospedado na Kinsta, você não precisa se preocupar com o cache, já que ele já está implementado no nível do servidor.
Infelizmente, esse não é o caso de todos os provedores de hospedagem.
Nesse cenário, você precisa depender de um plugin de cache de terceiros, como o W3 Total Cache. Suas configurações simples tornam super fácil habilitar todos os tipos de cache com apenas um clique.
No painel W3 Total Cache → General Settings, desabilite o cache de objetos e/ou cache do banco de dados. Em seguida, verifique se você vê alguma melhoria na capacidade de resposta do seu painel de controle.
Experimentar o cache não é tão simples quanto ativar ou desativar as opções nas configurações do plugin. Você também deve verificar se o site funciona corretamente após fazer as mudanças e limpar o antigo cache.
Os clientes Kinsta podem aumentar sua otimização geral aproveitando o recurso de minificação de código, que está integrado diretamente no painel MyKinsta. Este recurso permite aos clientes ativar a minificação automática de CSS e JavaScript com um simples clique, acelerando efetivamente seus sites com zero esforço manual.
15. Remova os plugins que utilizam muitos recursos
Alguns plugins WordPress são um ótimo recurso para o seu servidor web. Eles acabam usando a maior parte da CPU e da RAM do seu servidor.
Você pode usar o plugin gratuito Query Monitor para encontrar os plugins problemáticos. Ele mostrará todos os scripts, estilos e chamadas API HTTP que estão sendo carregados pelo seu site, com seu tamanho e tempo de carregamento. Cuidado com os que têm o maior número de pedidos e o tempo de carregamento mais lento.
No site de teste abaixo, o plugin Classic Editor carrega o mais lento do lado administrativo. Outros plugins como Loginizer, All-in-One WP Migration, e WP Bakery (antigo Visual Composer) também aparecem como potencial bloqueios.
Descobrimos que os plugins de migração e Editor Clássico são desnecessários. A remoção destes dois plugins fixou consideravelmente a velocidade de administração.
As lojas WooCommerce com um público internacional usam plugins de tradução como o WPML para servir o site dinamicamente em vários idiomas. É um ótimo plugin com muitas funcionalidades, mas também pode diminuir consideravelmente o backend do seu administrador.
Você pode ganhar alguma vantagem de desempenho mudando para um plugin de tradução enxuta, como o Polylang. Ele não tem tantos recursos, mas funciona muito bem para a maioria dos casos de uso.
Plugins que têm muitos processos/scans em andamento irão retardar o backend do seu WordPress. Alguns exemplos incluem geradores de mapa do site, gráficos e gráficos analíticos, construtores de páginas, e plugins de chat.
16. Use as configurações CDN adequadas para WordPress
A CDN ajuda a servir à sua loja WooCommerce à velocidade da luz aos utilizadores de todo o mundo. Ele faz isso salvando um instantâneo dos recursos do seu site e entregando-os a partir do servidor mais próximo ao usuário.
A maioria dos CDNs desabilita o cache no backend do WordPress por padrão. Mas alguns CDNs não o fazem, e isto pode tornar o painel de controle da sua loja drasticamente mais lento. Nesse caso, você precisa excluir seu painel de controle do cache do CDN para melhorar seu desempenho.
Se você estiver usando o Cloudflare, você pode configurar uma Regra de Página para desativar os recursos do Cloudflare nas páginas administrativas do WordPress. Aqui está como fazer isso:
- Vá para a seção Page Rules sob o seu painel de controle do Cloudflare.
- Adicione *example.com/wp-admin/* no campo URL.
- Nos campos de configuração, selecione Opções Cache Level e Bypass.
- Você também pode adicionar configurações extras como Disable Performance e Disable Security (não recomendado). Estas configurações são opcionais.
- Depois clique em Save and Deploy.
Deve demorar cerca de 3 minutos para que as configurações entrem em vigor.
Se você estiver usando o KeyCDN, então você pode usar o plugin Cache Enabler do WordPress deles para fazer o mesmo. Para outros CDNs, por favor contacte o suporte deles para resolver isto.
17. Simplifique o API do WordPress Heartbeat
A API do WordPress Heartbeat permite atualizações quase em tempo real, mantendo uma conexão regular entre seu navegador e seu servidor. A API envia solicitações para o servidor a cada 15-60 segundos e, em seguida, aciona eventos (ou callback) ao receber os dados.
Ele permite algumas funcionalidades incríveis, tais como salvar artigos automaticamente, bloquear artigos e avisos de expiração do login. No entanto, quando você está logado como administrador, enviar alguns pedidos para o servidor a cada minuto pode diminuir a velocidade do seu painel de controle.
O plugin gratuito do WP Rocket Heartbeat Control permite gerenciar a frequência destes pedidos API no painel, no frontend e no editor de pós-processamento. Ele até lhe dá a opção de desativar a API por completo.
Comece por aumentar a frequência do tempo. Se isso não resolver os problemas de velocidade do seu WooCommerce backend, considere desativar o API do Heartbeat Control
Se aplicar todas as otimizações acima ainda não resolver os problemas de velocidade da sua loja WooCommerce.
A velocidade do WooCommerce começa com a hospedagem de qualidade
Assim como rodar um carro com pneus furados, não importa quantas otimizações você faça, seu site não vai ficar mais rápido se ele estiver hospedado em um servidor ruim. Uma parte significativa do desempenho do seu site depende da qualidade do seu provedor de hospedagem de sites.
Existem diferentes tipos de hospedagem para sites WordPress que se enquadram em duas categorias principais: Gerenciado e não gerenciado. A primeira é perfeita para a maioria dos usuários, pois o provedor de hospedagem cuida de todas as otimizações de servidor para WordPress. O último é mais adequado para usuários tecnicamente proficientes, que podem ajustar e gerenciar o servidor por conta própria.
Para um site WooCommerce, vá para Hospedagem gerenciada de WordPress. Tenha em mente que a hospedagem gerenciada tende a ser mais cara do que a hospedagem não gerenciada.
Você pode escolher entre 4 tipos principais de Hospedagem gerenciada de WordPress. Cada um vem com seus próprios prós e contras, então selecione aquele que se alinha com o seu orçamento e objetivos. Eu os comparei no infográfico abaixo para várias características.
Cada tipo de hospedagem de sites pode ser oferecido sob vários planos a diferentes preços. Por isso, ao procurar uma hospedagem de sites dentro do seu orçamento, veja as funcionalidades oferecidas para decidir se ele preenche os seus requisitos.
Os sites de WooCommerce são incrivelmente dinâmicos por natureza. Eles geram um monte de dados e pedidos que não podem ser armazenados em cache.
Por exemplo, a página de checkout é única para cada utilizador e não pode ser servida a partir de um cache. Como resultado, o servidor precisa ser robusto o suficiente para executar o seu site sem problemas, mesmo que o seu site atraia pouco tráfego.
As características recomendadas que você deve ter em mente ao decidir sobre um plano de hospedagem WooCommerce são:
- Cache a nível do servidor com regras de cache específicas do WooCommerce em vigor.
- 2 a 4 PHP Workers para lidar com os pedidos não armazenados em cache do WooCommerce sem sincronizá-los.
- Limite de memória WordPress de 128 MB ou mais (256 MB é o padrão na Kinsta).
- Infraestrutura escalável para lidar com surtos de tráfego e carga.
- Backups diários automáticos (de preferência horários) para garantir que seus dados de eCommerce estejam seguros e protegidos.
- Uma plataforma de hospedagem totalmente segura com recursos de segurança como varreduras regulares de malware, Geolocalização IP e bloqueio de IPs abusivos, SSL gratuito, SFTP, SSH, HTTP/2, e TLS 1.3.
- Software servidor web Nginx ou LiteSpeed.
- Suporte para recursos amigáveis ao desenvolvedor: PHP 8, contêineres LDX, WP-CLI, Git, MariaDB, ambientes de teste, etc.
- Alto tempo de atividade com centros de dados espalhados por todo o mundo. Vá para aquele que tem servidores perto de onde está o seu público-alvo.
- Integração do Cloudflare para maior desempenho e segurança.
- Uma equipe de suporte confiável 24 horas por dia, 7 dias por semana, para resolver qualquer problema rapidamente.
- Ótimos comentários de usuários e um histórico estelar.
Com estes requisitos em mente, a hospedagem compartilhada pode ser evitada com segurança.
Um Servidor Privado Virtual (VPS) é como uma hospedagem compartilhada, somente você tem um espaço virtual em um servidor compartilhado dedicado exclusivamente para você. Se você tem um orçamento limitado, pode começar com um plano VPS de médio prazo. No entanto, se seu site atrai mais tráfego, então você precisará atualizá-lo em breve.
Isto deixa-nos com opções de hospedagem na Nuvem e Servidor Dedicado. Ambos são ótimos para sites de WooCommerce se atenderem aos seus requisitos.
Os preços dos planos de servidores dedicados são mais altos em comparação com os planos de hospedagem na nuvem, que podem variar de ~$50/mês a milhares de dólares por mês.
Os planos business de hospedagem na Nuvem da Kinsta verifica todos os requisitos recomendados do WooCommerce. O seu provedor de hospedagem de sites baseado em contêineres é perfeito para o WooCommerce, uma vez que se adapta automaticamente ao tráfego repentino e aos picos de carregamento.
Se você quiser ampliar ainda mais os recursos, Kinsta oferece complementos como Cloudflare Railgun, Redis, backups extras, Proxy reverso Nginx, e muito mais.
Abaixo está um exemplo de ganhos de desempenho após Kinsta ter migrado um site de eCommerce para a nova plataforma de Máquinas virtuais otimizadas para computação (C2) do Google Cloud Platform.
De ~665 ms a ~500 ms, isso é um aumento de desempenho impressionante de ~25%!
Se você está gastando uma quantia considerável de dinheiro em marketing, você está afastando todos os seus contatos se o seu site for lento, então vale bem a pena optar pelas soluções mais rápidas de hospedagem de WordPress.
Em última análise, é melhor gastar alguns dólares extra todos os meses em hospedagem de sites de qualidade, em vez de passar horas arrancando os cabelos e se perguntando por que seu site ainda tem uma alta taxa de ressalto.
Resumo
O tempo é literalmente dinheiro para um site de eCommerce. Uma loja WooCommerce rápida aumenta a experiência do usuário, SEO, receita e ROI.
Embora você não tenha que seguir todas as dicas de otimização de velocidade listadas neste artigo, recomendamos que você as examine todas. Isto irá ajudá-lo a identificar quaisquer gargalos no seu site. Ninguém gosta de esperar por um site para carregar. Vamos acelerar o WooCommerce!
Deixe uma resposta