Como acelerar o seu site eCommerce WordPress?

WordPress é o sistema de gerenciamento de conteúdo mais popular do mundo. Hoje em dia, não é mais usado apenas como uma ferramenta de blog. Em vez disso, pode alimentar uma grande variedade de sites, incluindo o comércio eletrônico. Na verdade, o número de sites de comércio eletrônico que são construídos com o WordPress está sempre em ascensão. Se você está executando um site de comércio eletrônico WordPress, como você pode torná-lo mais rápido?

Em outras palavras, como você acelera um site de comércio eletrônico WordPress? Este artigo com a resposta a esta pergunta e fornecer idéias úteis para acelerar um site de comércio eletrônico WordPress.

Otimizando um site de comércio eletrônico WordPress: Primeiros passos

Créditos de imagem:

Existem várias maneiras de criar e configurar um site de comércio eletrônico WordPress. Claro, todas essas formas giram em torno de usar um plugin WordPress específico. De um modo geral, WooCommerce é a solução de e-commerce mais popular para usuários do WordPress. Obviamente, a maioria dos métodos de otimização e aceleração giram em torno do WooCommerce.

No entanto, e se você não for um usuário WooCommerce? Existem muitos outros plugins por aí que podem ajudá-lo a montar um site de comércio eletrônico WordPress. Por exemplo, você pode usar o Easy Digital Downloads, que permite criar uma loja de comércio eletrônico com produtos digitais (em oposição a produtos físicos) e assim por diante.

Independentemente do plugin WP ou extensões que você usa, você ainda precisa tomar algumas medidas comuns para acelerar o seu site WordPress eCommerce. Mas antes disso, você precisa saber o quão lento seu site pode ser!

Teste de velocidade

Um bom teste para a velocidade do site e os tempos de carregamento da página devem ser conduzidos em um ambiente independente. Assim, você deve usar um servidor remoto, possivelmente de vários locais. Isso excluirá fatores como o cache do navegador e fornecerá uma imagem real do tamanho da página, dos tempos de carregamento, da cascata etc.

Ferramentas como Pingdom e GTmetrix são muito úteis a este respeito. Você pode executá-lo no URL do seu website e ver os resultados junto com as áreas em que você pode melhorar.

Para o propósito de um site de comércio eletrônico WordPress, você deve executar os testes de velocidade na página principal da sua loja. Se você estiver usando o WooCommerce, tente executar os testes na página da loja ou na página de um único produto.

Depois que o teste estiver concluído, ele fornecerá um relatório de exatamente o que está atrasando seu site de comércio eletrônico do WordPress. Por exemplo, o teste a seguir (realizado na página inicial do Shopify) mostra que o cache do navegador, a combinação de JS e os redirecionamentos menores podem aumentar os tempos de carregamento da página.

Acelerar o site WordPress eCommerce

Naturalmente, os resultados variam de um site para outro. No entanto, ele ajudará você a ter uma idéia exata de onde o seu site de comércio eletrônico WordPress está lento para carregar.

Agora, voltamos à grande questão: como podemos acelerar nosso site de comércio eletrônico WordPress?

Hospedagem e CDN

É de conhecimento geral que você deve optar por soluções de hospedagem confiáveis, de boa qualidade e bem otimizadas para o seu site WordPress eCommerce. Infelizmente, a indústria de hospedagem na web hoje está repleta de hosts da Web que geralmente oferecem serviços abaixo do padrão. Isso pode afetar negativamente o desempenho do seu site. Independentemente dos métodos de otimização que você implanta, seu site de comércio eletrônico WP pode simplesmente não carregar mais rápido devido a um servidor lento e lento.

Felizmente, temos um guia comparativo que pode ajudá-lo a avaliar o tipo de plano de hospedagem que você precisa e qual provedor de hospedagem pode atender às suas necessidades. Confira aqui.

Com isso dito, nunca subestime a importância de uma Content Delivery Network. Não importa quão boa seja sua hospedagem na web, um CDN sempre pode torná-lo melhor e mais rápido. Se a sua loja de e-commerce tiver clientes em todo o mundo ou em diferentes países, é necessário usar um CDN.

Uma rede de distribuição de conteúdo, essencialmente, acelera o seu site, servindo suas páginas a partir de um cluster geográfico diversificado de servidores. Por exemplo, digamos que seu site esteja hospedado em um servidor localizado na Flórida. Agora, se um usuário de Bangkok visitar seu site, ele levará mais tempo para carregar a página. Isso ocorre devido à distância geográfica, a vários ISPs, etc. Por outro lado, se você estiver usando uma rede de distribuição de conteúdo, o CDN exibirá uma cópia do conteúdo do seu site de um local mais próximo a Bangkok, como Cingapura. Naturalmente, isso aumentará o tempo de carregamento da página e veiculará o conteúdo mais rapidamente.

CloudFlare e MaxCDN são duas escolhas populares para integrar com um site de comércio eletrônico WordPress. Você pode até mesmo usar o plano gratuito da CloudFlare para testar águas, mas para um ótimo desempenho, um plano pago é um bom investimento.

Otimizando Imagens

As imagens são um componente vital de qualquer loja de comércio eletrônico. Para melhorar o tempo de carregamento da página, é uma boa ideia gastar algum tempo otimizando imagens do produto, miniaturas etc.

Plugins WordPress como TinyPNG pode ser útil para compactar e otimizar imagens como e quando você as carrega.

Outro método que pode ser empregado aqui é o carregamento lento de imagens. Carregamento preguiçoso significa que o conjunto de imagens fornecido não é carregado até o usuário rolar para baixo até a parte da página onde essas imagens são colocadas. Dessa maneira, o tempo total de carregamento da página não é afetado negativamente, pois o navegador não precisa carregar todas as imagens de uma só vez. Plugins WP como BJ Carga Tardia pode ajudá-lo a conseguir isso fora da caixa.

Como a maior parte do conteúdo de mídia da sua loja on-line estará na forma de imagens, a otimização e o carregamento lento de imagens podem gerar resultados benéficos.

Usando um plug-in de cache do WordPress

O cache tem sido a solução mais comum para acelerar sites e blogs do WP. Um site de comércio eletrônico WordPress não é uma exceção a essa regra. Você deve considerar a opção por um plug-in de armazenamento em cache do WordPress confiável e de renome. Alguns nomes dignos são:

Além disso, verifique se o plug-in que você está selecionando é compatível com o seu plug-in de comércio eletrônico do WordPress. Se você estiver usando o WooCommerce, não há nada para se preocupar - a maioria dos plugins de armazenamento em cache mantém as lojas WooCommerce em mente e são totalmente compatíveis com o mesmo. Para todos os outros plugins de comércio eletrônico, você pode precisar verificar a documentação do seu plugin.

Por compatibilidade, queremos dizer que o plugin de cache deve detectar automaticamente o que precisa armazenar em cache (e o que não deveria). Aqui está um exemplo: sob nenhuma circunstância, seu plugin de armazenamento em cache do WP deve armazenar em cache as páginas Cart e Checkout. Essas páginas precisam ser geradas com base apenas na seleção do usuário - não há cópia estática que possa ser exibida.

Da mesma forma, os widgets do carrinho de compras (ou ícones que geralmente são colocados no cabeçalho ou na barra de menus das lojas de comércio eletrônico) não precisam ser armazenados em cache. Para os sites de comércio eletrônico WordPress, uma boa idéia é ativar a minção de CSS e HTML, mas evitar a minificação do JavaScript. Muitos plug-ins de comércio eletrônico contam com o JS para carregar widgets de carrinho de compras na hora. A mineração ou armazenamento em cache do JS pode causar problemas aqui - o usuário pode incluir um produto em seu carrinho e ele será incluído com sucesso. Mas a página ainda mostrará um carrinho vazio - o JS foi armazenado em cache e, portanto, o carrinho de compras não foi atualizado, a menos que a página inteira seja atualizada.

Assim, enquanto você pode (e deve) armazenar em cache os arquivos JavaScript e minimizá-los nos blogs do WP, isso não é uma boa idéia nas lojas WP eCommerce.

Usando AJAX no carrinho de compras

É uma prática comum usar o AJAX para renderizar detalhes do carrinho de compras. A maioria dos plugins do WP eCommerce, incluindo o WooCommerce, também fazem o mesmo. Aqui está como isso funciona:

O usuário seleciona um produto e clica no botão "Adicionar ao carrinho". O produto é adicionado ao carrinho. Em seguida, dois valores são atualizados na página: o botão Adicionar ao carrinho do produto mostra "Adicionado ao carrinho" ou "Já no carrinho" (ou da mesma forma), e o widget do carrinho de compras (ou botão) mostra a contagem atualizada do produto. O resto da página? Não é atualizado nem alterado.

Essa atualização seletiva acontece por meio de uma chamada AJAX. Agora, a parte negativa sobre esse recurso é que as chamadas AJAX levam tempo e sempre afetam negativamente o tempo de carregamento da página. Portanto, independentemente de o usuário adicionar ou não um produto a ser chamado (ou seja, se o carrinho precisa ou não ser atualizado por meio do AJAX), as bibliotecas ainda precisam ser carregadas.

Se você realmente deseja ganhar algum aumento de desempenho aqui, você pode desativar as chamadas AJAX (use um plugin simples como este) e, em seguida, faça com que o seu plug-in de comércio eletrônico redirecione o usuário para o carrinho de compras ao adicionar o produto ao carrinho. Aqui está como fazer isso no WooCommerce:

Acelerar o site WordPress eCommerce

Basta ir para Configurações e, em seguida, na guia Produtos. Selecione a opção "redirecionar para o carrinho". Depois disso, salve sua seleção (você também pode desativar o AJAX em arquivos, se desejar).

Enquanto nós estamos nisso, um simples mas muito útil plugin WordPress será Reparo de dreno de velocidade WooCommerce. Ele simplesmente pára de carregar métodos AJAX e outras funções do WooCommerce em páginas que não são da WooCommerce (digamos, seu blog ou sobre a página). Ele pode ajudá-lo a acelerar o seu site WordPress eCommerce manifolds.

Otimização de banco de dados

Créditos de imagem:

Um banco de dados WordPress lento e mal otimizado pode levar seu site a um impasse. Isto é especialmente verdadeiro no caso de lojas de comércio eletrônico em execução no WP. Existem mais tabelas e entradas de banco de dados do que o normal. Você não precisa apenas lidar com tabelas e entradas de posts, páginas e comentários. Além disso, você também terá entradas e tabelas para seus produtos, atributos de produtos, pedidos, etc.

Você pode optar por um plugin WP popular como WP Optimize or WP varredura. Esses plugins podem varrer seu banco de dados, remover fragmentos e overheads desnecessários etc. Ao limpar seu banco de dados do WP em intervalos regulares, você pode aumentar os tempos de carregamento da página, pois as consultas ao banco de dados serão feitas mais rapidamente.

Conclusão

Isso nos leva ao final deste post. Discutimos maneiras de evitar o carregamento de scripts desnecessários em páginas de comércio eletrônico, otimizar bancos de dados, empregar caching e CDNs, etc. para acelerar qualquer site de comércio eletrônico WordPress.

Se você estiver executando ou gerenciando um site de comércio eletrônico WordPress, que estratégia ou métodos você usa para agilizar o processo? Compartilhe suas opiniões nos comentários abaixo!

Imagem em destaque

Sufyan bin Uzayr

Escritor; autor publicado; amante do café; desenvolvedor web; o cara atrás de Parakozm.