Lojas WooCommerce lentas podem custar-lhe dinheiro de várias maneiras, desde o aumento do abandono de carrinhos até à perda de fidelidade do cliente. De acordo com a Unbounce, quase 70% dos consumidores afirmam 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, sendo que as páginas com tempos de carregamento entre 0 e 2 segundos têm 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 uma curta capacidade de atenção. Tempos de carregamento lentos podem resultar em visitantes que abandonam o seu website antes mesmo de ele 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 obter uma classificação mais alta 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 exigem 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 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 computadores. 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 more.
Ferramentas de Programador do Navegador
Estas soluções, integradas nos navegadores modernos, permitem que os programadores inspecionem, depurem e perfilem websites:
- Chrome DevTools: Use os separadores Rede e Desempenho para analisar a velocidade do site.
- Firefox Developer Tools: Estas ferramentas permitem que os programadores inspecionem, depurem e perfilem páginas web, ajudando-os a compreender 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 uma análise aprofundada do desempenho do servidor, boa 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 forma 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 Utilizadores Reais
A Monitorização de Utilizadores Reais (RUM) é uma abordagem de monitorização de desempenho que captura e analisa cada transação dos 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 Formas de Aumentar a Velocidade da Sua Loja WooCommerce
Agora que conhece a velocidade de carregamento atual e os problemas existentes, 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 excelente velocidade na sua 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 alojamento web ideal para WooCommerce pode garantir um desempenho impecável, tempos de carregamento rápidos e um 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 fornecedor de alojamento dentro da sua faixa de preço, considere funcionalidades como cache do lado do servidor, largura de banda e RAM adequadas para as exigências 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.
Otimizar Definições de Desempenho
Primeiro, altere o URL da sua página de início de sessão. O URL de início de sessão é 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 início de sessão para algo distinto. Também pode usá-lo para prevenir problemas de limitação de taxa HTTP.
Se o seu website de comércio eletrónico também tiver um blog, restrinja o número 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 definições de Leitura do Painel do WordPress.
Captura de ecrã tirada no website oficial do WordPress
De seguida, desative os pingbacks no seu website. 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 demora 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 proporcionam uma versatilidade ilimitada. No entanto, isto não implica que tenha de instalar todos eles.
Inúmeros 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 realizar inúmeras tarefas, leia avaliações para saber sobre o desempenho, confirme que são atualizados com frequência e instale opções de fontes reputadas.
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 o 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, uma vez que o uso de imagens enormes 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 (lazy loading) 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 poderem ver 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 demora a 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 escolhe automaticamente o PoP da CDN mais próximo para fornecer os recursos em cache com base na origem do pedido. Muitas CDNs offerem capacidades adicionais de melhoria de desempenho para além do armazenamento em cache, como maior compressão de imagem em tempo real, suporte a HTTP/3, prevenção de hotlinking 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 cada página do seu website. Mesmo quando não são necessários na página, eles carregam esses itens.
Ao remover estes elementos desnecessários dos websites, pode diminuir o inchaço da página e acelerar o carregamento da página do 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.
Olhe para o gráfico de cascata no resultado do seu teste de velocidade do website para determinar o que remover. Ajudá-lo-á a identificar quaisquer ativos supérfluos.
Para se livrar de scripts e estilos de que não precisa, utilize o wp_dequeue_script e o wp_dequeue_style. O Asset CleanUp: Page Speed Booster está entre os plugins que tornam simples alcançar o mesmo objetivo.
Captura de ecrã tirada no website oficial do WordPress
Recorra ao Caching
O caching é o armazenamento temporário de recursos de um pedido para que pedidos futuros possam ser processados rapidamente. Tanto o servidor como o dispositivo do utilizador são capazes de manter a 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 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.
Para ilustrar, 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 as alterações que 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 a 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 inútil para limpar e otimizar a base de dados.
Existem várias abordagens para a otimização da base de dados:
- Livre-se das 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. Está na hora de os arrumar. O método mais simples é usar plugins como o WP-Sweep ou o WP Rocket.
- Remova os transientes que expiram. Uma cache temporária defeituosa 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 extras às tabelas da sua 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 website oficial do WordPress
- Limpe as suas tabelas da 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 entre as tabelas. Limpar as suas tabelas da 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 website WordPress para dispositivos móveis. Mantenha as páginas da sua loja o mais simples possível, porque os clientes móveis não gostam de rolar infinitamente. Não os sobrecarregue com informação.
Se o seu negócio tem muitos itens em exibição, torne mais simples para os clientes móveis procurá-los, fornecendo filtros de produtos em tempo real. 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 website 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. Em essência, o servidor deve 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 website 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 website 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 website. 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 atribuiçã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 muitas vezes 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 toda a gama, desde ajustes básicos de configurações a soluções avançadas do lado do servidor. Estas técnicas existem para melhorar a velocidade do seu website e devem fazer parte de uma estratégia contínua para não só 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 website 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.
