Como Acelerar Seu Site de eCommerce (14 Dicas Comprovadas)

Lentidão mata vendas. Todos os dias, vemos proprietários de lojas de comércio eletrônico lutando com o mesmo problema: clientes que visitam seu site, mas saem antes de fazer uma compra.

Na WPBeginner, ajudamos empresas online a otimizar seus sites para um desempenho ultrarrápido. Vimos seus números de vendas crescerem simplesmente tornando seus sites mais rápidos para carregar.

Quando seu site carrega rapidamente, os clientes ficam mais tempo, navegam por mais produtos e são mais propensos a concluir suas compras.

Testamos todas as técnicas de otimização de velocidade que você pode imaginar. Compartilharemos as principais estratégias que usamos para ajudar nossos clientes a melhorar drasticamente seus tempos de carregamento e ver aumentos reais em suas taxas de conversão.

Por que a Velocidade Importa para Sua Loja de Comércio Eletrônico

Aprendemos que a velocidade do site não é apenas um recurso desejável; é uma necessidade de negócios. Quando os clientes clicam na sua página de produto e nada acontece por vários segundos, eles não esperam. Eles clicam no botão voltar e compram do seu concorrente.

O impacto comercial dos tempos de carregamento lentos é mais severo do que a maioria dos proprietários de lojas online percebe. Pesquisas da Akamai mostram que um atraso de 100 milissegundos no tempo de carregamento do site pode prejudicar as taxas de conversão em 7%.

Para uma loja que fatura US$ 100.000 por mês, isso se traduz em US$ 7.000 em receita perdida, apenas por um pequeno atraso que a maioria das pessoas nem notaria.

Mas o impacto vai além das vendas imediatas. Também vimos como a velocidade do site afeta o crescimento a longo prazo por meio da visibilidade nos mecanismos de busca.

O Google deixou claro que a velocidade da página é um fator de classificação, especialmente com sua atualização Core Web Vitals. Quando seus rankings de SEO melhoram devido a tempos de carregamento mais rápidos, você obtém mais tráfego orgânico, o que significa mais clientes potenciais encontrando sua loja.

O resultado final é simples: sites mais rápidos geram mais dinheiro e atraem mais visitantes.

Agora, vamos mergulhar nas estratégias específicas que usamos para ajudar as lojas de eCommerce a alcançar velocidades de carregamento ultrarrápidas:

1. Escolha um Provedor de Hospedagem de eCommerce Melhor
2. Instale um plugin de cache para WordPress
3. Usar a Versão Mais Recente do PHP
4. Use a Versão Mais Recente do WordPress & WooCommerce
5. Otimize Imagens de Produtos para Desempenho
6. Use um Firewall de Site em Nível de DNS
7. Escolha um Tema de WordPress Melhor
8. Use Plugins de WordPress Melhores
9. Reduzir Requisições HTTP Externas
10. Reduza Solicitações de Banco de Dados
11. Otimizar Banco de Dados do WordPress
12. Use Sites de Staging para Rastrear Problemas de Desempenho
13. Descarregue E-mails de eCommerce
14. Use Melhores Ferramentas de Otimização de Taxa de Conversão
15. Tutorial em Vídeo

1. Escolha um Provedor de Hospedagem de eCommerce Melhor

Toda a otimização de desempenho de eCommerce que você fizer em seu site terá pouco impacto se você não tiver um bom provedor de hospedagem de eCommerce.

Nem todas as empresas de hospedagem WordPress são iguais. Para melhor desempenho, você precisa escolher um provedor de hospedagem de eCommerce que faça o seguinte:

• Fornece uma plataforma estável e atualizada para hospedar sua loja de eCommerce.
• É otimizado para WordPress, WooCommerce ou qualquer outro plugin de eCommerce que você possa querer usar.
• Seus servidores são otimizados para velocidade e desempenho. Isso significa cache integrado, segurança e outros recursos para melhorar o desempenho.

Recomendamos o uso de SiteGround. É aqui que hospedamos o WPBeginner, e eles são um dos provedores de hospedagem WordPress oficialmente recomendados.

Os servidores da SiteGround rodam na Google Cloud Platform, conhecida por seu alto desempenho. Eles possuem cache integrado e até um plugin de otimização próprio que implementa automaticamente muitas das dicas de desempenho que recomendaremos mais adiante neste artigo.

Se você está procurando alternativas, confira nossa lista dos melhores provedores de hospedagem WooCommerce.

Após configurar sua loja de comércio eletrônico em um bom serviço de hospedagem, você pode implementar as seguintes dicas de otimização para aumentar o desempenho.

2. Instale um Plugin de Cache para WordPress

WooCommerce é uma plataforma dinâmica de comércio eletrônico. Isso significa que todos os dados dos seus produtos são armazenados em um banco de dados, e as páginas de produtos são geradas quando um usuário visita seu site.

Para fazer isso, o WordPress precisa executar o mesmo processo a cada vez. Se mais pessoas visitarem sua loja de comércio eletrônico ao mesmo tempo, ela ficará mais lenta e poderá até travar.

Um plugin de cache ajuda a resolver esse problema.

Em vez de gerar páginas a cada vez, um plugin de cache mostra ao usuário uma versão em cache da página HTML. Isso libera os recursos do seu servidor e permite que ele funcione de forma mais eficiente, o que melhora o tempo de carregamento do site.

Existem ótimos plugins de cache para WordPress disponíveis. Recomendamos o uso do WP Rocket. Ele é o melhor plugin de cache para WordPress do mercado, com as configurações mais amigáveis para iniciantes.

Diferente de outras soluções de cache para WordPress, nós apreciamos que o WP Rocket não espera que os usuários visitem uma página para gerar uma versão em cache. Em vez disso, ele prepara automaticamente um cache do seu site e o mantém atualizado.

Com as configurações corretas do WP Rocket, você pode facilmente obter pontuações quase perfeitas em ferramentas de teste de velocidade como Pingdom, GTMetrix, Google Pagespeed Insights e muito mais.

Para detalhes e instruções, veja nosso artigo sobre como instalar e configurar o WP Rocket no WordPress.

As principais empresas de hospedagem WordPress, como SiteGround e Bluehost, também oferecem suas próprias soluções de cache.

SiteGround SG Optimizer

O SiteGround permite que você ative facilmente o cache em sua loja de comércio eletrônico usando o plugin SG Optimizer.

Esta ferramenta de desempenho tudo-em-um inclui cache, otimizações de desempenho, conversão de imagens WebP no WordPress, otimização de banco de dados, minificação de CSS, compressão GZIP e muito mais.

Simplesmente instale e ative o plugin SG Optimizer no WordPress. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.

Após a ativação, clique no menu SG Optimizer na barra lateral de administração do seu WordPress para acessar as configurações do plugin. A partir daqui, você precisa ativar a opção de Cache Dinâmico.

Ative o Cache no Bluehost

Da mesma forma, o Bluehost também permite que você use seu sistema de cache integrado para otimizar o WooCommerce.

Simplesmente faça login no seu painel do Bluehost e vá para a página Websites. Se você tiver vários sites, selecione o seu site e, em seguida, mude para a aba ‘Speed’.

A partir daqui, você precisa ativar o controle de cache usando o botão de alternância. Você também pode escolher entre três níveis diferentes de cache. A Bluehost recomenda o nível ‘Assets Only’ para sites de eCommerce.

3. Use a Versão Mais Recente do PHP

WordPress e WooCommerce são ambos escritos principalmente na linguagem de programação PHP.

A cada nova versão, o PHP melhora em desempenho e se torna mais rápido. Ele também corrige bugs e falhas de segurança que podem comprometer a estabilidade e a velocidade do seu site.

É por isso que você deve sempre usar a versão mais recente do PHP.

Você pode descobrir a versão do PHP da sua loja de comércio eletrônico visitando Ferramentas » Saúde do Site no seu painel do WordPress e alternando para a aba ‘Info’.

A partir daqui, você precisa clicar na seção ‘Servidor’ para expandi-la.

Você poderá ver a versão do PHP usada pelo seu servidor.

Se o seu site estiver rodando em uma versão do PHP inferior a 8.0, você deve entrar em contato com seu provedor de hospedagem e pedir para que eles a atualizem para você.

Para mais detalhes, veja nosso artigo sobre como as atualizações de PHP impactam seu site.

Observação: Algumas empresas de hospedagem WordPress gerenciada como a SiteGround criaram seu próprio Ultrafast PHP para melhorar o tempo de resposta geral do servidor. Outras estão usando PHP FastCGI para ajudar os clientes a melhorar a velocidade do comércio eletrônico.

4. Use a Versão Mais Recente do WordPress & WooCommerce

Os desenvolvedores do WordPress e do WooCommerce dedicam uma quantidade significativa de tempo à melhoria do desempenho durante cada ciclo de desenvolvimento. Isso faz com que ambos os aplicativos funcionem de forma mais eficiente e usem menos recursos do lado do servidor.

Cada nova versão também corrige bugs e fortalece a segurança, o que é crucial para um negócio de comércio eletrônico.

Como proprietário da loja, é sua responsabilidade garantir que você esteja usando a versão mais recente do WordPress, WooCommerce, outros plugins e seu tema WordPress.

Simplesmente acesse a página Painel » Atualizações para instalar todas as atualizações disponíveis.

Relacionado: Veja nosso guia sobre os prós e contras de usar o WordPress para e-commerce.

5. Otimize as Imagens de Produtos para Desempenho

As imagens de produtos são uma das coisas visualmente mais importantes para uma loja online. Imagens de produtos melhores mantêm os clientes potenciais engajados e podem ajudar a aumentar a conversão de vendas.

É por isso que é importante adicionar imagens de produtos de alta qualidade. No entanto, você precisa garantir que os tamanhos grandes dos arquivos de imagem sejam otimizados corretamente.

Existem duas maneiras de otimizar imagens de produtos para a web sem perder qualidade.

Primeiro, você pode otimizar cada imagem de produto em seu computador antes de carregá-la em seu site. Isso requer um software de edição de imagem como Adobe Photoshop, Affinity ou GIMP.

A maioria deles tem a opção de exportar uma imagem para a web. Você também pode ajustar a qualidade da imagem antes de salvá-la para upload.

Alternativamente, você pode usar um plugin de compressão de imagem para WordPress. Esses plugins otimizam automaticamente o tamanho da sua imagem de produto para um melhor desempenho do site.

Além da compressão de imagem, o tipo de arquivo de imagem que você escolher também pode ajudar. Por exemplo, achamos que JPEG é um formato melhor para imagens que têm muitas cores, enquanto imagens PNG são melhores para imagens transparentes.

6. Use um Firewall de Site em Nível de DNS

Ataques de força bruta e de DDoS são incômodos comuns na internet. Basicamente, hackers tentam sobrecarregar seu servidor para invadir, roubar dados ou instalar malware.

A maioria das empresas de hospedagem possui salvaguardas básicas que protegem seus sites contra tais ataques. No entanto, um dos inconvenientes desses ataques é que eles tornam o carregamento do seu site extremamente lento.

É aqui que você precisa de um Firewall de Aplicação Web (WAF).

Agora, plugins de firewall comuns para WordPress rodam no seu próprio servidor web. Isso os torna um pouco menos eficientes, pois eles não conseguem bloquear ataques suspeitos até que cheguem ao seu servidor.

Por outro lado, um firewall em nível de DNS é capaz de filtrar o tráfego do seu site na nuvem e bloquear ataques suspeitos antes mesmo que eles cheguem ao seu site.

Recomendamos o uso de Sucuri. É o melhor plugin de firewall para WordPress com um pacote de segurança abrangente.

Sucuri também vem com uma poderosa CDN (rede de entrega de conteúdo). Uma CDN serve o conteúdo estático do seu site (imagens, folhas de estilo, JavaScript) a partir de uma rede global de servidores. Isso reduz ainda mais a carga do seu servidor e melhora o tempo geral de carregamento do site.

Se você está procurando uma opção gratuita, então a CDN gratuita da Cloudflare oferece proteção básica de firewall DNS. Atualmente, estamos usando-a no WPBeginner.

7. Escolha um Tema WordPress Melhor

Os temas do WordPress controlam a aparência da sua loja de comércio eletrônico. No entanto, nem todos são otimizados para desempenho e muitas vezes adicionam muita desordem, o que torna seu site mais lento.

Ao escolher um tema WordPress para uma loja de comércio eletrônico, você precisa encontrar o equilíbrio entre funcionalidade e velocidade. Recursos de tema como sliders, carrosséis, fontes da web e fontes de ícones podem deixar seu site mais lento.

Recomendamos optar por um tema simples e, em seguida, usar plugins para adicionar os recursos que você precisa. Isso lhe dá um melhor controle sobre o desempenho e a aparência da sua loja online.

Temas do WordPress da StudioPress, Elegant Themes e Astra são todos otimizados para desempenho. Para mais recomendações de temas individuais, veja nossas escolhas especializadas para os melhores temas WooCommerce para WordPress.

8. Use Melhores Plugins do WordPress

Uma das perguntas mais frequentes feitas por iniciantes no WordPress é quantos plugins eles podem usar em sua loja sem afetar o desempenho.

A resposta é quantos você quiser. Temos 62 plugins instalados no WPBeginner e nosso site ainda carrega em menos de meio segundo.

O número total de plugins não afeta o desempenho da sua loja online. É a qualidade do código que afeta.

Um único plugin do WordPress mal codificado pode carregar muitos scripts ou folhas de estilo que podem afetar a velocidade de carregamento da página.

Por outro lado, um plugin bem codificado usaria as melhores práticas padrão para minimizar o impacto no desempenho. Recomendamos testar seus plugins quanto ao impacto no desempenho antes e depois de instalá-los.

Também mantemos uma lista dos plugins WooCommerce essenciais, onde selecionamos manualmente plugins WooCommerce essenciais usados pela maioria das lojas online.

Por exemplo, o construtor de páginas de destino de arrastar e soltar SeedProd ajuda você a criar páginas de destino de comércio eletrônico super rápidas sem escrever nenhum código.

Para mais informações sobre este tópico, consulte nosso guia sobre como escolher os melhores plugins WordPress. Ele tem um processo passo a passo sobre como avaliar plugins WordPress e escolher o certo para sua loja online.

9. Reduza as Solicitações HTTP Externas

Uma página típica de comércio eletrônico contém vários componentes. Por exemplo, ela tem imagens, arquivos CSS e JavaScript, incorporações de vídeo e muito mais.

Cada componente é carregado separadamente pelos navegadores dos usuários, fazendo uma solicitação HTTP ao seu servidor. Mais solicitações HTTP significam tempos de carregamento de página mais longos.

Seu servidor também pode estar buscando informações de ferramentas e serviços de terceiros como Google Analytics, retargeting de mídias sociais e outros serviços. Estes são chamados de requisições HTTP externas. Estes podem levar ainda mais tempo para serem concluídos em um carregamento típico de página da web.

Tudo bem ter esses scripts em seu site WordPress, mas se eles estiverem afetando o desempenho do seu site, então você precisa considerar reduzi-los.

Você pode visualizar requisições HTTP externas visitando seu site e abrindo a ferramenta Inspecionar no seu navegador. A partir daqui, mude para a aba Fontes » Página para visualizar todas as requisições HTTP externas.

10. Reduza as Requisições de Banco de Dados

WordPress e WooCommerce usam um banco de dados para armazenar muito conteúdo e configurações. Seu tema e plugins do WordPress também fazem consultas ao banco de dados para buscar e exibir essas informações na tela.

Consultas ao banco de dados são extremamente rápidas, e seu site pode executar centenas delas em meros milissegundos. No entanto, se seu site estiver lidando com um pico de tráfego, essas consultas podem diminuir o tempo de carregamento da sua página.

Você pode verificar as chamadas de banco de dados usando um plugin como o Query Monitor no WordPress. Após a ativação, o plugin adicionará o menu de monitoramento de consultas à sua barra de administração do WordPress.

No entanto, minimizar essas requisições pode não ser possível para usuários iniciantes. Por exemplo, você pode precisar modificar seu tema do WordPress para reduzir as chamadas de banco de dados.

Se você se sente confortável editando os arquivos do seu tema do WordPress ou depurando código, então você pode procurar por chamadas de banco de dados que podem ser evitadas.

Outros usuários podem tentar encontrar um tema WordPress melhor e plugins alternativos para reduzir as chamadas de banco de dados, se necessário.

11. Otimize o Banco de Dados do WordPress

Com o tempo, seu banco de dados do WordPress pode ficar inchado com informações que você não precisa mais.

Essa desordem pode potencialmente desacelerar as consultas ao banco de dados, os processos de backup e o desempenho geral do WordPress. De tempos em tempos, é importante otimizar seu banco de dados do WordPress para remover informações desnecessárias.

Simplesmente instale e ative o plugin WP Sweep. Após a ativação, basta ir em Ferramentas » Limpeza para limpar seu banco de dados do WordPress.

Para mais informações sobre este tópico, veja nosso artigo sobre como otimizar o banco de dados do WordPress para velocidade e desempenho.

12. Use Sites de Staging para Rastrear Problemas de Desempenho

Fazer alterações em uma loja de eCommerce ativa pode causar problemas. Por exemplo, um cliente pode perder seu pedido, ou seu site pode ficar indisponível durante um evento de vendas.

Um site de staging ajuda você a experimentar facilmente dicas de otimização de desempenho, novos plugins ou um tema sem afetar sua loja ativa.

Basicamente, um site de staging é um clone do seu site ativo que é usado para testar alterações antes de torná-las públicas.

Muitas empresas populares de hospedagem WordPress oferecem configuração de site de staging com 1 clique. Uma vez configurado, você pode testar suas alterações e rastrear a velocidade de carregamento da página e o desempenho.

Assim que estiver pronto para implementar essas alterações, você pode simplesmente implantar o site de staging na versão ativa.

Para instruções passo a passo, veja nosso tutorial sobre como criar um site de staging para WordPress.

13. Descarregue E-mails de eCommerce

E-mails desempenham um papel muito importante em uma loja de eCommerce. Eles são usados para entregar confirmações de pedidos, faturas, e-mails de redefinição de senha, mensagens de vendas e marketing, e muito mais.

No entanto, muitos iniciantes não percebem isso e usam a funcionalidade de e-mail limitada de seu provedor de hospedagem para e-mails de eCommerce.

A maioria das empresas de hospedagem não suporta a função de e-mail padrão do WordPress. Algumas até a desativam para evitar spam e abuso.

É por isso que você precisa usar um provedor de serviço de e-mail SMTP dedicado junto com o plugin WP Mail SMTP. Essas empresas são especializadas no envio de e-mails em massa e garantem maior entregabilidade, o que significa que seus e-mails não acabam na pasta de spam.

Recomendamos o uso do SendLayer, pois eles são um dos melhores provedores de serviços SMTP para e-mails transacionais.

O SendLayer é fácil de configurar e funciona com WooCommerce e todos os principais plugins de formulário de contato do WordPress. Além disso, eles oferecem um teste gratuito de 30 dias com até 50.000 e-mails.

Se você quiser ver outras opções, pode conferir SMTP.com, Brevo (Antigo Sendinblue) ou Mailgun.

14. Use Melhores Ferramentas de Otimização de Taxa de Conversão

Quando se trata de sites de comércio eletrônico, a otimização da taxa de conversão (CRO) é importante para aumentar as vendas.

Uma loja online típica possui muitos elementos dinâmicos para aumentar as conversões, como uma barra de frete grátis na página inicial, um cronômetro de contagem regressiva para a Black Friday no cabeçalho do site, um pop-up de intenção de saída nas páginas de checkout ou até mesmo um jogo de roleta no site móvel para reduzir o abandono de carrinho.

Frequentemente, proprietários de lojas e varejistas usam uma combinação de ferramentas e plugins para adicionar esses elementos dinâmicos. O desafio é que nem todos eles são devidamente otimizados para velocidade.

É por isso que é importante escolher ferramentas de otimização de conversão que ofereçam um conjunto de recursos em uma única plataforma, para que você não carregue vários scripts externos.

Abaixo está uma lista de ferramentas populares de otimização de conversão que usamos em nossos sites de comércio eletrônico:

• OptinMonster – O kit de ferramentas de otimização de conversão mais poderoso que permite criar pop-ups personalizados, campanhas de gamificação, barras flutuantes e muito mais.
• LiveChat.com – O melhor software de chat ao vivo. Eles também oferecem o software de automação ChatBot, que funciona tanto para WooCommerce quanto para Shopify.
• TrustPulse – O melhor software de prova social do mercado, otimizado para velocidade. Você pode usá-lo para mostrar atividade de usuário em tempo real sem diminuir a velocidade do seu site.

Quando se trata de ferramentas de análise e testes A/B, recomendamos usar apenas o que é absolutamente necessário.

Por exemplo, se você está lançando uma nova landing page ou design de site, é importante executar análises de heatmap. No entanto, após um curto período de análise, recomendamos desativar os heatmaps para que não diminuam a velocidade do seu site.

Da mesma forma, para ferramentas de teste A/B, você não precisa executar esses scripts em todas as páginas do seu site. Você pode carregar seletivamente scripts de teste A/B em páginas específicas e, quando terminar o teste, não se esqueça de remover o script.

Tutorial em Vídeo

Inscreva-se no WPBeginner

Esperamos que este artigo tenha ajudado você a acelerar seu site de eCommerce. Você também pode querer ver nosso manual de segurança do WordPress ou nosso guia completo de configuração de eCommerce do WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.