12 maneiras fáceis de acelerar sua loja WooCommerce

A hospedagem gerenciada de WooCommerce da Nexcess foi projetada para tornar sua loja de comércio eletrônico extremamente rápida.

Acelerar sua loja WooCommerce pode ajudar a evitar desistências de clientes e vendas perdidas — seja você proprietário de uma loja na hospedagem WooCommerce gerenciada da Nexcess ou proprietário de uma loja WooCommerce que ainda não está pronto para um produto especializado.

Embora você possa pensar que melhorar a experiência do usuário vem com a coleta de mais análises do usuário e a inclusão de ferramentas como personalização e bate-papo ao vivo, essas ferramentas e análises podem realmente tornar seu site mais lento.

Aumentar a velocidade da sua loja pode afetar positivamente seu SEO, melhorando a experiência do usuário. De fato, um site que demora mais de 3 segundos para carregar será abandonado por 40% dos compradores. Um atraso de 2 segundos aumenta as taxas de rejeição em 103%. E um atraso de até 100 milissegundos afeta as taxas de conversão em 7%. O carregamento atrasado pode levar diretamente à perda de receita, especialmente durante os horários de pico, como Cyber ​​Monday e Black Friday.

Esteja você usando uma opção de hospedagem compartilhada ou não tenha crescido ao ponto de precisar de uma opção totalmente gerenciada, as 12 mudanças poderosas que incluímos abaixo podem ajudar a otimizar seu site WooCommerce, acelerar sua loja e melhorar o desempenho. O melhor de tudo é que essas mudanças não levarão muito tempo, esforço ou custo para serem implementadas.

1. Teste a velocidade atual do seu site

Para acelerar sua loja WooCommerce, você precisa testar sua velocidade atual – e pode ser necessário continuar testando a velocidade enquanto faz alterações e otimiza seu site WooCommerce. Ao testar a velocidade, você pode ter certeza de que suas melhorias estão funcionando.

Se você quiser uma abordagem simples para testar a velocidade da página da Web, tente WebPageTest.

O PageSpeed ​​Insights do Google analisa o conteúdo de uma página e oferece sugestões para torná-la mais rápida.

Ambos os sites oferecem métricas e análises mais complexas. O Google tem o PageSpeed ​​Tools, que inclui protocolos e padrões, bem como práticas recomendadas de desempenho, e o WebPageTest tem uma ferramenta para capturar a experiência visual do usuário.

2. Certifique-se de ter um tema rápido

Ter um tema WooCommerce visualmente impressionante com muitos recursos integrados pode parecer que melhorará a experiência do usuário. No entanto, esses recursos demoram para carregar. Escolher o tema WooCommerce mais rápido para sua loja pode ser relativamente simples.

Antes de escolher um tema, considere todos os recursos que você gostaria de incluir em sua loja virtual. Anote esses recursos e avalie-os de acordo com a necessidade. Essa tarefa ajudará a colocá-lo no lugar do usuário que virá à sua loja — e ajudará você a incluir apenas o necessário para que seu usuário tenha sucesso.

Certifique-se de que seu tema seja totalmente compatível com o WooCommerce – e que seja um tema configurado para comércio eletrônico.

Os temas mais rápidos do WooCommerce são geralmente os temas leves e usam um construtor de páginas para ajudá-lo a incluir apenas os recursos necessários para acelerar sua loja WooCommerce. Você pode até fazer bem em começar com um tema gratuito. Esses principais temas do WooCommerce podem funcionar para você.

3. Avalie seus plug-ins, widgets e recursos externos existentes

Seus plug-ins, widgets e recursos externos existentes otimizam seu site ou diminuem sua loja WooCommerce sem aumentar significativamente a funcionalidade, otimizar a experiência do usuário e, finalmente, gerar receita?

Para descobrir como acelerar seu site WooCommerce, dê uma olhada em seus plugins , widgets e recursos externos . Os plug-ins podem ajudar a melhorar o desempenho. Widgets e ferramentas de compartilhamento podem conectar seu site WooCommerce às mídias sociais. Os recursos externos podem fazer seu site parecer ótimo, mas eles estão melhorando a experiência do usuário?

Recursos externos, como scripts, folhas de estilo, fontes ou até mesmo o Google Analytics, podem parecer ajudar a organizar seu site, mas nem sempre é possível otimizar o desempenho desses recursos externos e eles podem tornar seu site mais lento.

Para acelerar sua loja WooCommerce, considere substituir os widgets nas mídias sociais por botões de compartilhamento simples. Esses botões de compartilhamento impedem a adição de solicitações HTTP adicionais e limitam a dependência interna em consultas DNS.

Os plugins podem ser úteis em algumas áreas, mas menos úteis em outras. Considere plugins para compactar imagens, melhorar as opções de checkout e envio, reduzir o abandono de carrinho e aumentar as vendas. Os plug-ins também podem limpar o banco de dados da sua loja WooCommerce – e um plug-in pode automatizar esse processo. Limpar seu banco de dados também pode aumentar a velocidade do seu site. Confira o plugin WP-Optimize.

Os plugins também podem deixar seu site WooCommerce mais lento. Instale apenas os plugins mais essenciais e lembre-se de verificar a velocidade de seus plugins.

4. Use Snippets: uma ótima maneira de tornar sua loja WooCommerce mais rápida

Os snippets de código são a base das modificações fáceis e de bom senso do WooCommerce. Com o plug-in Snippets , você pode facilmente baixar e instalar snippets criados por outras pessoas ou criar seus próprios. Existem várias maneiras pelas quais os snippets podem ajudar a acelerar sua loja WooCommerce, incluindo adicionar funcionalidades à sua loja ou desabilitar tarefas, áreas ou widgets que não são usados.

Nos exemplos abaixo, removemos ou desabilitamos itens, em vez de adicionar elementos para ajustar o desempenho. Fizemos isso porque essas tarefas exigem esforço e todas as ações desnecessárias que usam recursos de back-end podem afetar o desempenho de sua loja.

Observe que cada um de nossos snippets neste exemplo está marcado. Marcar seus snippets facilita a organização das alterações que você faz que afetam sua área de administração, WooCommerce, widgets ou seu painel.

5. Confira os plugins do Little Bizzy

Plugins criados por Little Bizzy existem para otimizar sua loja WooCommerce de maneiras pequenas e significativas. Eles desabilitarão os fragmentos do carrinho AJAX para ajudar nos tempos de carregamento e desabilitarão as incorporações internas e externas para acelerar a renderização da página. Novamente, estamos procurando cortar o excesso para acelerar sua loja WooCommerce.

6. Dê uma olhada no WP Desativar

O Optimization.io oferece o WP Disable , uma opção de plug-in que permite muita flexibilidade, além de ser fácil de usar. A instalação do plugin adiciona um Optimization.iolink ao seu menu de administração, que leva você direto para a área de modificação.

Um dos componentes incríveis do WP Disable é a capacidade de se concentrar especificamente em sua loja WooCommerce, enquanto faz melhorias gerais em outras áreas do seu site com apenas alguns cliques. Fale sobre uma maneira fácil de tornar sua loja WooCommerce mais rápida!

Vejamos alguns exemplos na guia Requests , na seção Remove Excess Bloat , apropriadamente intitulada.

7. “Limpe” sua loja

As verificações de revisão podem desacelerar sua loja WooCommerce se você adicionou extensões e criou uma verificação de revisão padrão nas páginas do produto.

As extensões podem ajudar, mas considere avaliar o desempenho de suas extensões para garantir que sejam relevantes e necessárias. Você pode acelerar seu site WooCommerce substituindo algumas extensões por código equivalente. Substituir extensões por código equivalente também pode aumentar o desempenho.

As verificações de revisão nos sites WooCommerce são um bom ponto de partida. As verificações de revisão permitem que você volte e visualize as alterações nas páginas do produto. Embora as verificações de revisão possam ser ótimas, se você estiver fazendo apenas pequenas alterações, como alterar uma ou duas palavras, essas cópias revisadas da página original do produto aumentam e diminuem o desempenho do WooCommerce. Considere desabilitar ou limitar o número de revisões.

8. Desabilitar elementos desnecessários

Emojis

Os emojis podem ser muito divertidos, mas podem deixar seu site WooCommerce mais lento. A menos que você queira especificamente que o uso de emojis esteja disponível, eles são desnecessários e podem ser removidos como uma opção apenas clicando no controle deslizante Desativar Emojis.

Strings de consulta

Se você já executou um teste de desempenho GTMetrix ou Pingdom em sua loja, pode ter visto uma sugestão para “remover strings de consulta de recursos estáticos”. Isso ocorre porque alguns servidores e servidores proxy não conseguem armazenar em cache as strings de consulta e removê-las pode tornar sua loja WooCommerce mais rápida.

9. Hospede anúncios e produtos afiliados

Para anúncios, considere usar uma única rede – ou hospedar as imagens você mesmo. Ao hospedar as imagens você mesmo, você tem controle sobre o posicionamento do anúncio, pode otimizar as imagens e reduzir as consultas de DNS.

10. Comprima suas imagens

As imagens podem ser uma parte fundamental de um site de comércio eletrônico, mas as imagens podem tornar seu site significativamente lento.

As imagens são um lugar onde os plugins podem ajudar, mas evite plugins de compressão de imagem quando puder. O WordPress oferece um link para um plugin que compactará JPGs e PNGs e, com uma única chave de API, você pode obter até 100 compactações de imagem gratuitas por mês.

Considere compactar suas imagens antes de enviá-las para o seu site. Use o formato JPG para fotos e imagens de alta resolução onde você precisa de muitos detalhes. Use PNGs para ícones, logotipos, ilustrações e imagens transparentes — basicamente, a maioria das imagens que não são ou não precisam ser JPGs.

GIFS funcionam bem para animações. Enquanto os GIFs podem ser usados ​​para imagens pequenas, os PNGs geralmente funcionam melhor.

11. Use a pré-busca de DNS

DNS Prefetch é uma opção que permite que seu site resolva domínios previamente para tempos de carregamento mais rápidos. Ao ativar a pré-busca de DNS, você fornecerá uma lista de domínios aos quais você costuma vincular ou redirecionar. Após a resolução desses domínios, os atrasos em resolvê-los novamente são eliminados.

12. Escolha as opções de plataforma que tornam sua loja WooCommerce mais rápida

Todos os ajustes que acabamos de discutir têm o potencial de tornar sua loja WooCommerce mais rápida, mas e o próprio WooCommerce?

Não é provável que você precise de CSS ou scripts do WooCommerce para rodar em páginas que não possuem elementos WooCommerce. Mais uma vez, podemos desabilitar algo desnecessário e ganhar muito em desempenho porque seu backend não precisa trabalhar para carregar coisas que não são necessárias.

O mesmo conceito se aplica a Comentários e Fragmentos de Carrinho . Para cada item, tudo o que você precisa fazer é clicar no controle deslizante e salvar suas alterações.

Sua loja pode não estar hospedada em uma plataforma de Hospedagem WooCommerce Gerenciada, mas isso não significa que você não possa se beneficiar de algumas das mesmas opções que usamos todos os dias. De trechos de código a plugins, acreditamos que esses métodos testados e comprovados podem tornar sua loja WooCommerce mais rápida.

Nós podemos cuidar disso para você!

Quando estiver pronto para cuidarmos dessas coisas para você, confira a Hospedagem de WooCommerce Gerenciada da Nexcess.

Este blog foi publicado originalmente em março de 2018. Desde então, foi atualizado para maior precisão e abrangência.

Conteúdo Relacionado

• Guia para classes, zonas e métodos de envio do WooCommerce
• Os elementos de uma página inicial de comércio eletrônico bem-sucedida
• 7 maneiras de se antecipar ao abandono do carrinho de compras
• Como criar uma estratégia de ajuste de desempenho do WordPress