Dicas para otimizar a velocidade de sua loja WooCommerce

Em uma loja de comércio eletrônico, a velocidade é um dos fatores mais importantes que podem tornar seu negócio altamente lucrativo ou descartá-lo. A velocidade é vital para fornecer uma melhor experiência do usuário, melhorando o SEO, aumentando o ROI e satisfazendo seus clientes. Você não pode esperar administrar um negócio online sem a velocidade adequada.

Você sabia que quase 58% dos usuários abandonarão seu site se ele demorar mais de 3 segundos para carregar? Entre os quais 40% dos clientes nunca mais voltarão ao seu site.

Neste artigo, discutiremos como acelerar sua loja WooCommerce e muitos outros aspectos relacionados a ela.

Como a velocidade afeta o negócio de comércio eletrônico?

Nos dias de hoje, quando a Internet de alta velocidade está disponível para quase todas as pessoas, a velocidade extremamente rápida de um site se tornou uma necessidade. Com a velocidade, o site está sujeito a classificações cada vez maiores nos mecanismos de busca, taxas de conversão otimizadas e melhorias nas vendas. Aqui estão algumas estatísticas para refletir:

• 73% dos usuários da Internet estiveram em um site que demorou muito para carregar
• Um atraso de 1 segundo no carregamento do site pode resultar em uma redução de 7% nas conversões
• Um site de comércio eletrônico que ganha US $ 50.000 por dia pode potencialmente perder US $ 1,25 milhão em vendas todos os anos a partir desse 1 segundo de tempo extra no carregamento
• As taxas de conversão em sua loja de comércio eletrônico aumentam em 74% quando o tempo de carregamento da página melhora de 8 para 2 segundos
• 73% dos clientes não retornarão ao seu site se ele não carregar em seus dispositivos móveis
  Não é que os lojistas de comércio eletrônico não consigam nem identificar se o site está lento ou não. Existem muitas ferramentas gratuitas disponíveis que podem ser usadas para identificar a velocidade. Os problemas comuns para o site mais lento são estes:
  • Imagens volumosas não otimizadas
  • Conteúdo veiculado sem compressão HTTP
  • Muitos pedidos de imagem CSS
  • Sem informações de cache

Como medir a velocidade da loja WooCommerce?

Você sabia que o WooCommerce, um dos CMS mais populares para o desenvolvimento de sites de comércio eletrônico, foi baixado mais de 88 milhões de vezes?

E agora é usado em mais de 5 milhões de lojas de comércio eletrônico. Você não precisa dar nenhuma taxa ou comissão extra para usar o WooCommerce.

Se você não puder medir a velocidade, não será capaz de melhorar. É essencial saber avaliar as melhorias quando você está tentando acelerar sua loja WooCommerce.

Testar a velocidade do seu site permitirá que você conheça as lacunas. Você pode começar com as ferramentas de teste de velocidade, como Google PageSpeed, Pingdom, GTmetrix, etc.

Como acelerar o WooCommerce?

Depois de obter um relatório de teste de velocidade, você obterá as brechas em potencial e as maneiras pelas quais elas podem ser corrigidas para uma loja WooCommerce. Vamos começar!

1. Comece com as configurações em WooCommerce

Vamos começar com as configurações básicas. Em primeiro lugar, altere o URL da página de login. No WordPress, por padrão, o URL de login do site é domain.com/wp-admin/ . Sim, é fácil de lembrar, mas todo mundo conhece essa URL, incluindo os hackers.

Alterar o URL padrão para um URL personalizado irá protegê-lo de ataques de força bruta. Também é ótimo para combater erros de HTTP de limitação de taxa, como muitas solicitações de erro 429.

Se você incluiu uma seção de blog em seu site, também pode limitar o número de blogs listados na página de listagem do blog. Embora o WordPress tenha definido o limite padrão de 10 blogs, você pode até reduzir isso. Isso pode parecer trivial a princípio, mas melhorará o desempenho se você estiver executando um blog de alto tráfego. Você pode encontrar a opção no painel WordPress -> Configurações -> Leitura

Você também pode desativar os pingbacks em seu site. Eles geralmente geram spam sem valor. Se houver muitos comentários nas postagens ou páginas, você também poderá dividi-los em pedaços menores. Você pode até desativá-los em WooCommerce -> Configurações.

2. Obtenha um tema mais rápido

Ao decidir a velocidade do tema WordPress do site, importa muito. Você pode encontrar centenas de milhares de temas para WordPress, portanto, é um desafio encontrar o tema certo para sua loja WooCommerce.

Para uma loja WooCommerce, o tema não deve se limitar apenas à sua atratividade, mas também ser compatível com o WooCommerce de maneira adequada e com grande velocidade. Alguns dos temas populares são Divi, Avada, etc. Esses são temas WordPress ultrarrápidos e leves, compatíveis com o WooCommerce. Antes de decidir sobre um tema, você pode listar todos os recursos de que precisará em sua loja de comércio eletrônico. A partir daí, comece a procurar um tema que satisfaça os requisitos máximos.

3. Vá devagar com plug-ins ou extensões WooCommerce

Existem mais de 54.000 plug-ins no repositório WooCommerce. Você pode encontrar muitos plug-ins premium que não são gratuitos. É fácil transportar e instalar dezenas deles. No entanto, instalar o máximo de plug-ins não torna seu site interessante, mas certamente pode reduzir sua velocidade. Existem muitos plug-ins que nem funcionam com determinados ambientes de hospedagem. A maioria desses plug-ins está relacionada ao desempenho e à segurança.

Quando a codificação não é feita corretamente, a instalação de um plug-in causará um problema de desempenho. Alguns plug-ins até criam conflitos com outros plug-ins. Quando você tem dezenas de plug-ins, há mais chances de conflito entre eles.

4. Aumente o limite de memória do WordPress

Por padrão, o WordPress oferece 32 MB de memória PHP. Se houver algum crunches, ele tentará automaticamente aumentar esse limite para 40 MB (para um único site) ou 64 MB (para vários sites). Geralmente, o limite de memória não é suficiente para operar uma loja WooCommerce. Uma mensagem de erro também pode surgir no painel, como:

Tamanho de memória permitido de xxxxxx bytes esgotados

Seria melhor se você aumentasse o limite de memória para 256 MB. Faça o backup de cada arquivo antes de editá-lo. Portanto, se algo der errado, você pode alterar o arquivo editado para o original.

5. Compactar imagens e otimizar a entrega

As imagens de alta qualidade são muito atraentes para os clientes, porém há um retrocesso. Essas imagens são muito grandes e ocupam muita memória. Se você não otimizar essas imagens para tamanho e exibição, as imagens tornarão o site mais lento.

HTTPArchive rastreia o tamanho e a quantidade da página da web. Embora os vídeos sejam mais pesados ​​do que as imagens, eles não tornam o site tão lento quanto as imagens, porque são carregados sob demanda na maioria dos casos. De acordo com um relatório, você pode economizar 545 KB por página com carregamento lento de imagens ocultas e fora da tela. Se você compactar o nível JPEG para 85 ou menos, poderá economizar 40,3 KB por página . Alguns dos outros métodos que você pode usar para otimizar as imagens são:

• Escolha o formato adequado para imagens como JPEG, PNG, etc.
• Use as ferramentas certas para compactar imagens sem comprometer a qualidade
• Use imagens responsivas para melhores experiências em vários dispositivos
• Imagens ocultas e fora da tela de carregamento lento

Aqui estão alguns dos plug-ins que podem ajudá-lo a compactar e dimensionar imagens para otimização WooCommerce:

• WP Smush
• Imagify
• ShortPixel
• Optimole

6. Entrega de recursos estáticos via CDN

CDN significa Content Delivery Network. Esses são o grupo de servidores que estão dispersos demograficamente pelo mundo. As localizações desses servidores são conhecidas como pontos de presença (PoPs). A principal função do CDN é armazenar em cache e fornecer recursos estáticos para usuários próximos. Isso inclui imagens, JS, CSS, etc. Alguns CDNs poderosos também são capazes de hospedar e entregar conteúdo dinâmico.

Independentemente da velocidade do servidor no qual o site é executado, a velocidade será limitada por sua localização geográfica. Um CDN diminui a distância entre o servidor e os usuários e, portanto, melhora a velocidade.

Ele determinará se a solicitação está vindo de e, em seguida, atribuirá o CDN mais próximo para entregar os dados. Isso resultará em um site mais rápido e uma melhor experiência do usuário. Alguns dos CDN populares que você pode usar são:

• Cloudflare
• Sucuri CDN
• Cloudways CDN
• StackPath
• KeyCDN

7. Retire scripts e folhas de estilo não usados

Geralmente, a maioria dos temas e plug-ins do WordPress carregam scripts e folhas de estilo nas páginas do seu site. Eles carregam esses ativos mesmo quando não são usados ​​na página.

Por exemplo, o Contact Form carrega seus scripts ou folhas de estilo em todas as outras páginas. Os formulários seriam usados ​​apenas na página de contato, mas os ativos são carregados também em outras páginas que nem são necessárias. Retirar esses scripts e folhas de estilo irá reduzir o inchaço e acelerar os tempos da página.

Ainda no mecanismo de pagamento, não é necessário carregar scripts de gateways de pagamento na homepage do seu site ou em qualquer outra página. Você deve restringir esses scripts para carregar apenas nas páginas de check-out e de confirmação do pedido.

8. HTTP / 2 é altamente necessário

Há alguns anos, era denominado principalmente como “ Reduzir o número de solicitações HTTP ”. Depois de tantas melhorias nos navegadores, essa necessidade agora se tornou obsoleta.

A primeira grande atualização no protocolo HTTP foi o HTTP 1.1, em 1997. É antes mesmo das mídias sociais, streaming de vídeo ou áudio, smartphones, mas a partir daí vimos um grande crescimento da web. O HTTP / 2 foi aprimorado em relação ao protocolo HTTP 1.1 em 2015. Era essencial para atender às crescentes demandas da internet. Com este protocolo, obtemos velocidade, eficiência e segurança incríveis. Há múltiplas razões para isto:

• Em uma única conexão TCP, há melhor multiplexação e paralelismo.
• Algoritmo de codificação Huffman para compressão HPACK de cabeçalhos
• Extensão ALPN para criptografia mais rápida
• Servidor proativo empurra em vez de esperar por solicitações

Assim, mudar o site para HTTP / 2 ajudará a loja WooCommerce a atender recursos como imagens, áudio, vídeo, com mais velocidade.

9. Cache WooCommerce para mais velocidade

Cache significa simplesmente armazenar temporariamente os recursos na primeira solicitação para que possam ser atendidos rapidamente em outra solicitação. O cache pode ser armazenado no dispositivo do usuário ou no servidor. É uma das formas mais importantes ou mais fáceis de acelerar sua loja WooCommerce. É assim que o cache funciona:

• 1. O usuário fará uma solicitação no navegador de um site.
• 2. O navegador fará uma solicitação ao navegador para veicular uma página HTML. Um servidor DNS cuida disso.
• 3. A página da web será então retornada por um aplicativo como WordPress, Magento, etc. hospedado em um servidor da web.
• 4. O aplicativo executa os scripts (por exemplo, PHP, JavaScript, etc.) e (5) consulta o banco de dados (por exemplo, MySQL, MongoDB, etc.) para construir uma página da web. Em seguida, ele retorna a página da web para o navegador, que a renderiza e mostra ao usuário.

Todas essas etapas levarão alguns segundos. Mas essas etapas são para um usuário. Quando milhares de usuários executarem a mesma etapa, haverá muita carga no site. É aqui que o cache vem ao resgate. O armazenamento em cache não apenas aumenta a velocidade do site, mas também reduz a carga no servidor. Aqui estão alguns dos plug-ins de cache que podem ajudar a melhorar o tempo de carregamento de sua loja WooCommerce.

• Brisa
• Foguete WP
• W3 Total Cache

Saiba mais: Como escolher o melhor provedor de hospedagem para uma loja de comércio eletrônico?

10. Limpe o banco de dados de sua loja WooCommerce

Já se perguntou onde todos os dados de um site são armazenados? Bem, é o banco de dados. Um banco de dados em uma loja WooCommerce inclui:

Conteúdo do site, como páginas de produtos, categorias, dados de usuários, tags, avaliações, etc.

Dados de transações, como detalhes do pedido, pagamentos, estoque, etc.

Sempre que os usuários visitam o seu site, eles solicitam o conteúdo do seu site, que geralmente é estático e não muda muito. No entanto, ao comprar um item, eles fazem solicitações dinâmicas. A otimização do banco de dados atenderá rapidamente a essas solicitações, caso contrário, levará a uma experiência do usuário insatisfatória. Portanto, você deve limpar e otimizar o banco de dados removendo dados inúteis desnecessários. Algumas das diferentes maneiras de limpar o banco de dados são:

Exclusão de revisões antigas

Se já faz um bom tempo que sua loja WooCommerce está aberta, as páginas, postagens e outros conteúdos devem ser preenchidos com revisões antigas. Você deve limpá-los.

Limite o armazenamento de revisões

Ao limitar o armazenamento de revisões, você pode evitar muitas revisões desnecessárias de postagens e páginas. Se você costuma atualizar o conteúdo do seu site com frequência, isso o ajudará a evitar que as revisões saiam do controle.

Por fim, desativando revisões

Se você não precisar de revisões, poderá desabilitá-las do site. Você apenas tem que adicionar este código ao arquivo wp-config.php. Como antes, certifique-se de adicionar este trecho acima da linha onde ABSPATH está definido .
define ('WP_POST_REVISIONS', false);

Limpar Transientes Expirados

Os dados em cache armazenados com um nome personalizado e um período expirado são chamados de transitórios. Você pode encontrá-los na tabela wp_options no banco de dados do WordPress. Se você quiser se livrar desses transientes expirados, você pode usar o plugin Delete Expired Transients que é totalmente gratuito.

Liberação de tabelas de banco de dados

O banco de dados no WooCommerce armazena quase tudo como mencionamos acima. Mas, com o passar do tempo, os dados são adicionados, removidos e movidos entre as tabelas e se tornam ineficientes. Portanto, é melhor limpar os dados desnecessários limpando as tabelas do banco de dados.

Você pode usar um desses plug-ins do WordPress para limpar seu banco de dados e chegar mais perto de sua meta de uma loja WooCommerce otimizada.

• WP-Optimize
• WP Clean Up Optimizer
• Limpador de banco de dados avançado
• Clean Up Booster

11. Otimizando a Loja para Dispositivos Móveis

Você sabia que atualmente existem mais de 4 bilhões de usuários móveis em todo o mundo? E o número pode crescer até 5 bilhões + até 2024. A indicação é que há um enorme tráfego global para dispositivos móveis e, portanto, sua loja WooCommerce deve ser otimizada para celulares, smartphones ou tablets. Surpreendentemente, a taxa de conversão de dispositivos móveis é menos da metade da dos desktops. Você pode usar o Teste de compatibilidade com dispositivos móveis do Google para saber se o seu site atende aos padrões mínimos de usabilidade móvel.

Após este teste, você também saberá como o seu site fica em um dispositivo móvel. Para tornar seu site compatível com dispositivos móveis, você deve usar um tema responsivo. Lembre-se de que os usuários de celular não gostam de quilômetros em uma página, portanto, mantenha-a o mais enxuta possível.

12. Desative a solicitação AJAX de obtenção de fragmentos atualizados

Sempre que um usuário faz qualquer alteração no carrinho de compras, o WooCommerce usa a solicitação AJAX Get Refreshed Fragments para atualizar o conteúdo do carrinho de compras dinamicamente. No entanto, na maioria das vezes, torna o site mais lento, principalmente aqueles que estão hospedados em servidores compartilhados. Mas se você desabilitar essa solicitação, é recomendável habilitar uma opção “Redirecionar para a página do carrinho após adição bem-sucedida” no painel WooCommerce -> Configurações de produtos.

Leia também nossos outros posts sobre acelerar a loja do Magento 2 e otimizar a velocidade do Shopify.

Empacotando

Neste artigo, aprendemos sobre diferentes estratégias úteis que são altamente úteis para otimizar a velocidade de sua loja WooCommerce. Você não pode simplesmente abdicar da velocidade do seu site porque é um dos pontos mais importantes da experiência do usuário, ajuda no SEO do seu site e oferece muitos outros benefícios. Na Emizentech, a melhor empresa de desenvolvimento de comércio eletrônico da Índia, temos experiência no desenvolvimento de lojas WooCommerce com otimização de velocidade e funcionamento perfeito.