Lojas WooCommerce lentas podem custar-lhe dinheiro de várias maneiras, desde o aumento do abandono do carrinho até a perda da fidelidade do cliente. De acordo com a Unbounce, quase 70% dos consumidores dizem que a velocidade da página influencia o seu desejo de comprar numa loja online. O problema aqui é que a velocidade depende de inúmeros fatores, e a sua melhoria pode exigir muito tempo e esforço.
De acordo com a Portent, as taxas de conversão de websites diminuem em média 4,42% por cada segundo que uma página demora a carregar entre os segundos 0 e 5, com as páginas com tempos de carregamento entre 0 e 2 segundos a terem as maiores taxas de conversão de comércio eletrónico.
Se a velocidade de carregamento do seu website for superior a 2-3 segundos, este artigo é o que precisa. Aqui, encontrará várias dicas comprovadas sobre como medir e melhorar o desempenho do website de comércio eletrónico.
Porque é que a velocidade importa?
A velocidade do website é um elemento crítico para o sucesso de qualquer empreendimento online, incluindo lojas WooCommerce, por várias razões:
Experiência do Utilizador:
Os utilizadores da Internet têm geralmente um curto período de atenção. Tempos de carregamento lentos podem resultar em visitantes a abandonar o seu website antes mesmo de este carregar completamente. Um website rápido, pelo contrário, facilita a navegação, incentivando os utilizadores a explorar mais páginas e a permanecer por mais tempo.
SEO e Classificação:
A velocidade da página é um dos fatores de classificação mais cruciais para o Google. Métricas como Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS) fazem parte dos fatores de classificação do Google. Websites mais rápidos têm mais hipóteses de se classificarem mais alto nos motores de busca. Com o aumento da pesquisa móvel, a velocidade da página móvel também afeta significativamente o SEO.
Eficiência de Custos:
Websites otimizados e mais rápidos geralmente consomem menos largura de banda e podem resultar em custos de alojamento mais baixos. Sites mais rápidos também requerem menos tempo e esforço para manter.
Utilizadores Móveis:
Com um número crescente de utilizadores a aceder a sites através de dispositivos móveis, onde as velocidades de ligação podem ser mais lentas, a velocidade otimizada do website torna-se ainda mais crucial. O carregamento lento pode ser ainda mais problemático em dispositivos móveis e levar a taxas de rejeição mais altas.
Alcance Global:
Utilizadores de diferentes regiões com velocidades de internet variáveis podem ter uma experiência consistente se o seu website for otimizado para velocidade. Websites mais rápidos são benéficos se estiver a visar uma audiência global e estiver a usar uma Rede de Entrega de Conteúdo (CDN) para servir conteúdo localizado.
Como Avaliar a Velocidade Atual da Loja?
Antes de iniciar o processo de melhoria, precisa de determinar onde se encontra agora e descobrir a velocidade atual da loja e que problemas podem estar a abrandar o seu site. Aqui estão alguns métodos e ferramentas que pode usar para avaliar a velocidade do seu site WooCommerce:
Ferramentas de Teste Direto
Estas ferramentas testam diretamente o desempenho do seu website carregando-o de diferentes locais em todo o mundo, simulando vários dispositivos e velocidades de ligação:
- Google PageSpeed Insights: Fornece informações de velocidade tanto para dispositivos móveis como para desktop. Também dá sugestões de otimização para WooCommerce.
- GTmetrix: Realiza uma análise detalhada incluindo gráfico de cascata, recomendações e várias pontuações.
- WebPageTest: Fornece informações detalhadas como índice de velocidade, tempo até ao primeiro byte e mais.
Ferramentas de Desenvolvedor do Navegador
Estas soluções, incorporadas nos navegadores modernos, permitem aos desenvolvedores inspecionar, depurar e perfilar websites:
- Chrome DevTools: Use os separadores Rede e Desempenho para analisar a velocidade do site.
- Firefox Developer Tools: Estas ferramentas permitem aos desenvolvedores inspecionar, depurar e perfilar páginas web, ajudando-os a entender o comportamento e a estrutura dos websites.
Ferramentas do Lado do Servidor
Estas ferramentas podem ajudar a identificar problemas do lado do servidor que podem não ser evidentes com ferramentas de teste de frontend:
- New Relic: Fornece um mergulho profundo no desempenho do servidor, bom para detetar estrangulamentos no back-end.
- Análise de Logs: Analise os logs do servidor para detetar problemas.
Verificações Baseadas em Plugins
Os plugins podem oferecer uma maneira conveniente e poderosa de monitorizar vários aspetos do desempenho da sua loja WooCommerce diretamente da sua área de administração do WordPress. Aqui estão algumas abordagens populares baseadas em plugins:
- Query Monitor: Um plugin do WordPress para verificar que consultas estão a abrandar o seu website.
- WP Debugging: Ativa as funcionalidades de depuração do WordPress para verificar problemas.
Monitorização de Utilizador Real
A Monitorização de Utilizador Real (RUM) é uma abordagem de monitorização de desempenho que captura e analisa cada transação por utilizadores de um website ou aplicação. Ao contrário dos métodos de monitorização sintética, que simulam o comportamento do utilizador, a RUM recolhe dados das interações reais dos utilizadores com o seu site.
Normalmente, adiciona um pequeno pedaço de código JavaScript ao seu website, que recolhe e envia dados de desempenho para um servidor para análise. É assim que a maioria das ferramentas de RUM funciona, embora os detalhes específicos de implementação possam variar. Entre as ferramentas úteis para RUM estão o New Relic Browser, Boomerang, Akamai mPulse e outras.
14 Maneiras de Aumentar a Velocidade da Loja WooCommerce
Agora que conhece a velocidade de carregamento atual e que problemas existem, pode construir uma estratégia de otimização. Tenha em mente que provavelmente precisará de corrigir vários aspetos do website para alcançar uma ótima velocidade da loja WooCommerce. Além disso, precisará de monitorizar a velocidade ocasionalmente, pois pode eventualmente abrandar. Aqui estão alguns conselhos sobre como pode aumentar o desempenho do seu site:
Encontre um Alojamento Fiável
Enquanto a opção incorreta pode resultar em clientes insatisfeitos e negócios perdidos, o serviço de alojamento web ideal para WooCommerce pode garantir um desempenho impecável, tempos de carregamento rápidos e tempo de atividade consistente.
Cada tipo de alojamento pode ser fornecido sob uma variedade de planos com diferentes pontos de preço. Portanto, ao procurar um provedor de alojamento dentro da sua faixa de preço, considere características como cache do lado do servidor, largura de banda e RAM adequadas para as necessidades do seu site, armazenamento SSD de alto desempenho e software atualizado, como PHP e MySQL.
Se tiver um plano de alojamento partilhado, significa que centenas de websites usam o mesmo servidor e os seus recursos. Selecione um anfitrião que restrinja o número de websites permitidos em cada servidor, ou pense em atualizar para um plano VPS ou dedicado.
Otimize as Configurações de Desempenho
Primeiro, altere o URL da sua página de login. O URL de login é geralmente o padrão e conhecido por todos, incluindo hackers, o que torna os websites suscetíveis a ataques.
Pode evitar ataques de força bruta de atores maliciosos alterando o seu URL de login para algo único. Também pode usá-lo para prevenir problemas de limitação de taxa HTTP.
Se o seu site de comércio eletrónico também tiver um blog, restrinja a quantidade de entradas que aparecem no seu feed de blog. Se gere um blog popular, as poupanças de desempenho acumulam-se. Estes ajustes podem ser feitos nas configurações de Leitura do Painel do WordPress.
Captura de ecrã tirada no site oficial do WordPress
De seguida, desative os pingbacks no seu site. Normalmente, eles produzem spam. O WordPress também lhe dá a capacidade de dividir grandes comentários de utilizadores em porções mais pequenas se tiver muitos comentários de utilizadores nos seus artigos ou páginas. Para reduzir o tempo que a sua página de produto leva a carregar, mantenha este valor entre 10 e 20.
Reconsidere o Uso de Plugins e Extensões
Existe uma infinidade de plugins para WooCommerce, que oferecem versatilidade ilimitada. No entanto, isso não significa que tenha de instalar todos eles.
Numerosos plugins aumentam a quantidade de ficheiros Javascript ou CSS no seu website, o que faz com que o seu servidor receba mais pedidos HTTP, abrandando as operações da sua empresa. Além disso, ter mais plugins significa usar mais recursos do servidor, o que abranda os tempos de carregamento.
Não importa quantos plugins utiliza; o que importa é a sua qualidade. Escolha plugins que possam desempenhar várias tarefas, leia avaliações para saber sobre o desempenho, confirme que são atualizados frequentemente e instale opções de fontes reputáveis.
Obtenha um Tema de Comércio Eletrónico Rápido
Muitas vezes, ao optar por um tema de comércio eletrónico, os designers de websites escolhem a estética sem considerar a rapidez com que as páginas carregam. Como resultado, a aparência do frontend frequentemente tem prioridade sobre a velocidade de carregamento da página.
Para otimizar o tempo de carregamento, escolha um tema WooCommerce que seja leve e otimizado para desempenho. Certifique-se de que o tema é responsivo e tem um código-fonte limpo.
Além disso, tenha em mente que muitos temas também permitem desativar elementos que não está a usar. Para determinar se um tema carrega rapidamente, tente usar as ferramentas de velocidade para testar as páginas de demonstração ou navegue pelas avaliações deixadas pelos utilizadores.
Comprimir Imagens
É essencial reduzir o tamanho das suas imagens antes de as publicar no seu website, pois usar imagens grandes irá abrandar drasticamente as velocidades de carregamento da página. Para dimensionar as imagens para o tamanho certo para o seu website, utilize software como Photoshop, GIMP ou Figma.
Os tamanhos dos ficheiros das suas fotografias podem ser diminuídos sem perder qualidade através da compressão. Selecione o formato apropriado; a menos que a sua imagem tenha um fundo translúcido, as imagens JPEG, que são mais pequenas, são geralmente as melhores para carregar. Tenha em atenção o tamanho: carregar uma imagem de 2000 pixels não caberá num espaço que tem apenas 500 pixels de largura. Comprima a imagem após processá-la: os compressores de imagem reduzem o tamanho do ficheiro removendo quaisquer dados e metadados estranhos.
Implementar Carregamento Lento (Lazy Loading)
Uma funcionalidade conhecida como carregamento lento impede que as imagens carreguem até que um visitante do site role para baixo até onde elas aparecem na página. Como resultado, os seus clientes não terão de esperar enquanto os seus media carregam para eles verem o seu conteúdo. Se o seu website tiver muitas imagens, esta estratégia pode reduzir significativamente os tempos de carregamento da loja.
Pode instalar o carregamento lento na sua loja WooCommerce usando plugins do WordPress. Os plugins encurtam o tempo que o seu website leva para abrir inicialmente.
Entregar Recursos Estáticos via CDN
Uma rede de entrega de conteúdo (CDN) é uma rede de servidores estrategicamente posicionada em todo o mundo. Pontos de Presença (PoPs) são os nomes destes locais de servidores. O armazenamento em cache e a entrega de recursos estáticos como imagens, JavaScript, CSS, etc., é a principal função de uma CDN.
Mesmo que o seu website esteja alojado num servidor muito rápido, a sua localização ainda terá um impacto. A latência da rede e o tempo até ao primeiro byte (TTFB) são ambos diminuídos devido à CDN, que encurta a distância entre cada utilizador e os recursos do site.
Ele seleciona automaticamente o PoP da CDN mais próximo para fornecer os recursos em cache com base na origem do pedido. Muitas CDNs oferecem capacidades adicionais de melhoria de desempenho para além do armazenamento em cache, como maior compressão de imagem em tempo real, suporte HTTP/3, prevenção de hotlink e segurança aumentada.
Eliminar Scripts e Folhas de Estilo Não Utilizados
A maioria dos plugins e temas do WordPress carrega scripts e folhas de estilo em todas as páginas do seu website. Mesmo quando não são necessários na página, eles ainda carregam esses itens.
Ao remover estes elementos desnecessários dos websites, pode reduzir o inchaço da página e acelerar o carregamento da página WooCommerce, o que pode poupar-lhe tempo na configuração de novos sites e na atribuição de pessoal. O WooCommerce é vulnerável a este problema, assim como as suas extensões.
Observe o gráfico de cascata no resultado do teste de velocidade do seu website para determinar o que remover. Ajudá-lo-á a identificar quaisquer ativos supérfluos.
Para se livrar de scripts e estilos que não precisa, utilize o wp_dequeue_script e wp_dequeue_style. Asset CleanUp: Page Speed Booster está entre os plugins que facilitam a realização do mesmo objetivo.
Captura de ecrã tirada no site oficial do WordPress
Recorrer ao Caching
O caching é o armazenamento temporário de recursos de um pedido para que os pedidos futuros possam ser processados rapidamente. Tanto o servidor como o dispositivo do utilizador são capazes de reter o cache.
Quando um utilizador faz um pedido para um website, o servidor DNS obtém a página web do servidor de alojamento, e a aplicação no servidor web executa scripts, pesquisa na base de dados e produz a página web, que é então renderizada e mostrada ao utilizador pelo navegador. O servidor é submetido a uma enorme quantidade de pressão quando milhares de visitantes fazem vários pedidos de uma só vez, o que faz com que a página carregue lentamente.
O caching entra em jogo nesta situação. Reduz o esforço necessário para produzir uma visualização de página, diminuindo a dependência do WordPress em PHP e numa base de dados. O WordPress opera quase tão rapidamente como páginas web estáticas, se não exatamente.
O caching do lado do servidor e o caching do navegador são as duas principais categorias de caching online, cada uma com uma variedade de subcategorias.
Limitar Revisões
O WooCommerce fornece uma verificação de revisão padrão nas páginas de produtos que lhe permite voltar atrás e ver as alterações feitas nas páginas. Embora as modificações possam parecer vantajosas, por vezes podem causar problemas de desempenho no WooCommerce.
Por exemplo, suponha que cria uma página e a edita várias vezes, adicionando ou removendo um elemento de cada vez. Tem tantas duplicatas da sua página original quantas alterações fez, mesmo que a alteração seja modesta. O desempenho do WooCommerce pode, em última análise, sofrer com isto e deteriorar-se gradualmente.
Precisa de fazer certos ajustes no ficheiro wp-config.php na raiz do website para restringir/desativar as revisões.
Limpar Base de Dados
Sempre que um utilizador entra no seu website, ele solicita o conteúdo do seu website, que é em grande parte estático. No entanto, eles fazem um pedido dinâmico quando fazem uma encomenda.
Se a base de dados da sua loja não estiver otimizada, lidar com estas consultas pode demorar demasiado tempo. Um tempo de resposta lento do servidor resulta, em última análise, num website lento. Como resultado, deve eliminar o lixo desnecessário para limpar e otimizar a base de dados.
Existem várias abordagens para a otimização da base de dados:
- Livre-se de revisões antigas. As páginas, artigos e produtos da sua loja WooCommerce estarão carregados de modificações desatualizadas se estiver online há algum tempo. É hora de os limpar. O método mais simples é usar plugins como WP-Sweep ou WP Rocket.
- Remova transientes expirados. Um cache temporário defeituoso ocasionalmente produz mais de um milhão de entradas inúteis sem fim aparente à vista. Com o tempo, as sessões dos clientes podem acumular-se, adicionando milhares de entradas extra às suas tabelas de base de dados. Uma base de dados inchada pode derrubar o seu website em tais circunstâncias. Todos os transientes expirados podem ser facilmente removidos com o plugin gratuito Delete Expired Transients.
Captura de ecrã tirada no site oficial do WordPress
- Limpe as suas tabelas de base de dados. Tudo o que é necessário para operar o seu negócio de comércio eletrónico é mantido na sua base de dados WooCommerce. A sua base de dados torna-se ineficiente e acaba por manter muitos dados sem importância quando os dados são adicionados e movidos pelas tabelas. Limpar as suas tabelas de base de dados é vital para remover esta informação extra.
- Desative funcionalidades que não são críticas mas que sobrecarregam a base de dados. Temas e plugins para WooCommerce têm muitas funcionalidades inteligentes que inicialmente parecem ótimas mas acabam por destruir a base de dados. Um dos exemplos são os plugins de compressão de imagem, que comprimem imagens no mesmo servidor que aloja o website. Plugins que adicionam contadores ao seu website, como visualizações, comentários, etc., também devem ser evitados.
Realizar Otimização para Dispositivos Móveis
De acordo com a Oberlo, 60% dos compradores dizem que a opção de comprar via telemóvel é um critério importante na seleção da marca. Por isso, a otimização para dispositivos móveis é absolutamente vital.
Usar um tema responsivo é a abordagem mais simples para adaptar o seu site WordPress para dispositivos móveis. Mantenha as páginas da sua loja o mais simples possível, pois os clientes móveis não gostam de rolar infinitamente. Não os sobrecarregue com informações.
Se a sua empresa tem muitos itens exibidos, facilite a pesquisa para os clientes móveis, fornecendo filtros de produtos ao vivo. Considere instalar o plugin WooCommerce Product Search.
Use a ferramenta Lighthouse do Chrome ou a ferramenta de Teste de Compatibilidade com Dispositivos Móveis do Google para ver se o seu site satisfaz as diretrizes de usabilidade móvel exigidas.
Minimizar Redirecionamentos
O servidor regista cada clique num link para uma página na sua loja como um redirecionamento. Essencialmente, o servidor tem de direcionar os utilizadores para a página correta. Embora demore apenas alguns segundos, os clientes podem percebê-lo como um longo tempo, afetando diretamente a taxa de rejeição da sua loja.
Se o seu site tiver muitos redirecionamentos, está a consumir recursos do servidor e a prolongar o tempo que leva para chegar à página final. Como resultado, reduzir os redirecionamentos resultará num aumento notável no tempo de carregamento da página, pois é uma abordagem de otimização do WooCommerce testada e comprovada.
Atualize a sua versão do PHP e aumente o limite de memória
Cada atualização do PHP é mais rápida que as versões anteriores. O seu anfitrião determina a versão do PHP que utiliza, e pode frequentemente alterá-la no seu painel de controlo de alojamento. No entanto, o procedimento específico pode variar dependendo do seu fornecedor. Alternativamente, pode simplesmente pedir ao serviço de apoio ao cliente para o fazer por si. Antes de atualizar a sua versão do PHP, crie uma cópia de segurança completa do site e, em seguida, teste tudo para garantir que funciona corretamente.
A sua empresa de alojamento atribuiu uma quantidade específica de memória ao seu site. No entanto, pode ultrapassar esse limite com base no seu site específico. Pode sempre contactar a sua empresa de alojamento se o seu painel de controlo de alojamento não lhe permitir alterar o limite. O PHP recebe uma alocação de memória de 32 MB do WordPress por defeito. Ele tentará automaticamente aumentar este limite para 40 MB ou 64 MB se encontrar algum problema. Este limite geralmente não será suficiente para um site WooCommerce. É aconselhável aumentar este limite para 256 MB.
Palavra Final
Com os métodos fornecidos acima, pode melhorar drasticamente a velocidade da sua loja WooCommerce, cobrindo a gama desde ajustes básicos de configurações até soluções avançadas do lado do servidor. Estas técnicas estão lá para melhorar a velocidade do seu site e devem fazer parte de uma estratégia contínua para não apenas melhorar, mas também manter o desempenho do site.
Em última análise, a otimização da velocidade não é uma tarefa única, mas um compromisso contínuo. Monitorizar regularmente a velocidade do seu site usando as várias ferramentas e métodos discutidos pode fornecer informações valiosas sobre o quão bem os seus esforços de otimização do WooCommerce estão a funcionar.
