Saber como resolver os problemas de desempenho do WooCommerce é a chave para o sucesso de sua empresa on-line. Quanto mais rápido seu site de comércio eletrônico for para seus usuários, melhor será sua experiência de compra on-line. E quanto melhor for a experiência do usuário, maior a probabilidade de que ele faça um pedido. Em resumo, isto se traduz em mais vendas e lucros. Portanto, o desempenho está no centro do sucesso de sua loja WooCommerce.

De acordo com um estudo, 46% dos usuários não revisitam um site com mau desempenho. Portanto, é comum que sites de comércio eletrônico percam as vendas potenciais devido a problemas de desempenho. Se você não otimizou seu site para o desempenho, você pode perder ainda mais durante os dias de alto tráfego sazonal, como Black Friday e Cyber Monday.

Embora você possa usar muitas técnicas para acelerar seu site de comércio eletrônico, resolver rapidamente um problema urgente de desempenho é um desafio. Isso requer um monitoramento proativo do ambiente geral do site. É aí que uma ferramenta de monitoramento de desempenho de aplicativos como o Kinsta APM pode ser super útil.

Neste artigo, você aprenderá sobre os vários componentes de um site de comércio eletrônico, porque você precisa de uma ferramenta APM para monitorar o desempenho do seu site de comércio eletrônico, e como você pode usar o Kinsta APM para se manter no topo do desempenho do seu site de WooCommerce.

E não se esqueça que seu objetivo final é aumentar a receita da sua loja. Portanto, não se esqueça de baixar nosso ebook gratuito, 10 maneiras de aumentar as conversões de suas páginas de produtos WooCommerce.

Pronto para começar? Vamos lá!

Os vários componentes de um site de eCommerce

Para administrar um site de comércio eletrônico com o melhor desempenho, todas as peças são importantes. Desde sua infra-estrutura de hospedagem e plataforma de comércio eletrônico até suas integrações de terceiros e o processo de checkout, tudo conta!

Uma típica pilha de loja WooCommerce
Uma típica pilha de loja WooCommerce

Quer você esteja vendendo cervejas artesanais ou cursos de treinamento, uma plataforma de comércio eletrônico como o WooCommerce faz com que seja facil de montar e lançar rapidamente uma loja on-line.

Suas diversas extensões também tornam super simples a ampliação da funcionalidade da loja com muitos componentes essenciais.

O rastreamento de vários componentes do comércio eletrônico é complexo
O rastreamento de vários componentes do comércio eletrônico é complexo

Quanto mais elos houver em uma cadeia, mais difícil é encontrar a junta defeituosa quando surge um problema. Toda esta complexidade pode levar a problemas de maior desempenho e disponibilidade. Isso afeta sua capacidade de responder rapidamente aos problemas de desempenho e corrigi-los antes que eles afetem seus clientes.

A solução? Usando uma ferramenta de monitoramento do desempenho de aplicativos.

Nós projetamos explicitamente o Kinsta APM para monitorar o desempenho dos sites WordPress, incluindo lojas WooCommerce hospeda na Kinsta.

Os benefícios de usar Kinsta APM para sites WooCommerce


Os problemas de desempenho do seu site WooCommerce podem causar danos significativos ao seu negócio on-line de várias maneiras. Você pode usar o Kinsta APM para prevenir ou superar estes problemas. Alguns de seus muitos benefícios incluem:

Aumenta as vendas e a receita

O desempenho é crítico para o resultado final de um site de comércio eletrônico. A manutenção de um site de comércio eletrônico requer uma compreensão de muitas métricas e habilidades DevOps. O Kinsta APM facilita esta tarefa para você e sua equipe. Como resultado, o impacto nas vendas e na receita é o benefício mais significativo do uso do Kinsta APM.

Experiência do usuário Betters

É um desafio medir a satisfação de seus usuários, pois eles podem ir embora silenciosamente quando confrontados com um problema de velocidade ou desempenho. O pior é que eles podem ir para o site de seu concorrente. Uma ferramenta APM útil como o Kinsta APM lhe dá a percepção de desempenho necessária para garantir que seus clientes estejam satisfeitos e satisfeitos com sua loja WooCommerce.

Danos à Reputação da Marca

As palavras viajam muito rápido na era digital. Os usuários não se perguntam mais se seu site de comércio eletrônico funciona perfeitamente. Eles esperam isso. Assim, quando eles são interrompidos devido à lentidão ou interrupção do site, você não perde apenas uma venda, mas também a reputação e a confiança de sua marca. O Kinsta APM pode reduzir suas chances, ajudando-o a manter seu site com o melhor desempenho possível.

Aumenta a Produtividade e a Felicidade

Um site com melhor desempenho também se traduz em maior produtividade do pessoal interno. Por exemplo, sua equipe de desenvolvimento não tem que gastar tanto tempo tratando de questões de desempenho. A equipe de suporte não tem que gerenciar tantos ingressos. Sua equipe de marketing pode fazer mais campanhas em menos tempo. Todos ficam mais produtivos e felizes quando o site está sintonizado para ter um bom desempenho.

Libera tempo para a inovação

Experimentar estratégias inovadoras para impulsionar o crescimento dos negócios é uma das pedras angulares do marketing de comércio eletrônico. Seja você um desenvolvedor ou um comerciante, a simplicidade do Kinsta APM impulsiona a colaboração, promovendo estratégias eficazes de crescimento comercial. Ele também permite a resolução mais rápida de problemas, resultando na implementação de novos recursos com maior confiança.

Diminui os custos de hospedagem e infraestrutura de TI

Ao identificar gargalos de desempenho que de outra forma passariam despercebidos, o Kinsta APM ajuda você a tirar o máximo proveito de sua infra-estrutura de hospedagem. Ele permite que você aperfeiçoe seu site de WooCommerce para escalar melhor seu site. Além disso, ao identificar plugins problemáticos, extensões e serviços de terceiros, o Kinsta APM o coloca no caminho certo para cortar ativos de TI não rentáveis.

Como resolver os problemas de desempenho do WooCommerce com o Kinsta APM

Agora é hora de verificar alguns exemplos do mundo real e explorar como você pode usar o Kinsta APM para corrigir problemas de desempenho do WooCommerce.

Aprenda as noções básicas de Kinsta APM

Antes de tudo, primeiro! Antes de mergulhar profundamente na solução de problemas do seu site WooCommerce com Kinsta APM, é necessário aprender suas várias terminologias e como você lê suas percepções. Você pode consultar nossa base de conhecimentos da Kinsta APM para começar.

Se você tiver mais perguntas sobre o Kinsta APM, sugiro que leia a seção FAQ do Kinsta APM.

O site de teste e configuração do WooCommerce

Kinsta APM trabalha somente com sites WordPress hospedados na Kinsta. Para este artigo, montei um site de teste do WooCommerce para simular os problemas de desempenho mais comuns das lojas online. Usei um nome de domínio real para garantir que um aperto de mão SSL/TSL ocorresse.

Abaixo estão os detalhes do site de teste:

  • Pilha do Servidor: Nginx 1.19.4, PHP 7.3.24-3, MariaDB 5.5.5
  • Versão WordPress: WordPress 5.5.3
  • Tema: Tema Astra 2.6.1
  • Plug-ins primários: WooCommerce 4.7.1, WooCommerce Cart Abandonment Recovery, Kinsta Must-use Plugins, e Akismet Anti-spam.

Além disso, eu personalizei o site ligeiramente usando plugins personalizados para ilustrar exemplos únicos. O objetivo principal aqui é ensinar como você pode usar o Kinsta APM em várias situações para solucionar vários problemas de desempenho do WooCommerce.

1. Exemplo de WooCommerce APM: Chamadas de API de Terceiros Lentos durante o Checkout

A maioria dos sites de comércio eletrônico depende de integrações de terceiros para cuidar de processos críticos, tais como pagamentos e remessas. Muitos sites de WooCommerce também usam plugins de terceiros como Mailchimp e MailerLite para e-mail marketing.

Entretanto, os serviços de terceiros podem ter um impacto significativo no desempenho do seu site WooCommerce. E se isso está afetando seu processo de checkout, então você deve levá-lo ainda mais a sério.

O API da Stripe enfrentou uma grande falha no ano passado
O API da Stripe enfrentou uma grande falha no ano passado

Neste exemplo, o site levava muito tempo para responder sempre que um usuário adicionava um produto a seu carrinho. Às vezes, o site levava mais de 5 segundos para responder. Essa é uma receita perfeita para o abandono do carrinho de compras.

Vamos ligar o Kinsta APM para diagnosticar o problema.

Para começar, vá até o painel MyKinsta do seu site e depois vá até a seção de Monitoramento.

Clique no botão Ativar sob a seção de monitoramento de desempenho para deixar o Kinsta APM coletar as métricas de desempenho de seu site.

Habilitando o Kinsta APM no painel do MyKinsta
Habilitando o Kinsta APM no painel do MyKinsta

Se você ativou o Kinsta APM antes (como aqui), você pode ver os dados de desempenho anteriores para esse período exibidos no gráfico e na tabela.

Depois de habilitar o Kinsta APM, testei o site e esperei que a métrica de desempenho fosse preenchida no painel do Kinsta APM.

Idealmente, espere pelo menos 5 minutos antes de escavar os dados. Isso garantirá que o Kinsta APM tenha coletado dados de desempenho suficientes para apresentar resultados acionáveis.

A tela do painel principal do Kinsta APM
A tela do painel principal do Kinsta APM

Usando o menu suspenso à esquerda do botão Ativar/Desativar, você também pode alterar a duração que o Kinsta APM usa para quebrar as métricas de desempenho.

Mudando a duração total utilizada pela Kinsta APM
Mudando a duração total utilizada pela Kinsta APM

No gráfico do tempo total da transação, você pode ver que as chamadas externas ocupam a maior parte do espaço. Isso indica que os serviços de terceiros podem ser os culpados por trás da desaceleração.

A seguir, você pode descer até a tabela de transações mais lentas para ver as solicitações ou tarefas de fundo que levaram mais tempo para serem executadas.

Uma lista das transações mais lentas em Kinsta APM
Uma lista das transações mais lentas em Kinsta APM

Você pode ver que os pedidos para a URL do /single-product demoraram mais tempo. Em um site WooCommerce, este ponto final se refere a qualquer página de produto.

Clique na transação /single-product para obter amostras curadas de suas transações mais lentas.

Amostras de transações da transação mais lenta
Amostras de transações da transação mais lenta

Aqui, observe a amostra de transação mais lenta, pois sua duração é de 5.535,14 ms (ou 5+ segundos). Está muito acima do tempo de resposta esperado. Vamos clicar nesta amostra de transação para ir mais fundo nela.

Detalhes da amostra de transação em Kinsta APM
Detalhes da amostra de transação em Kinsta APM

Você verá agora a linha do tempo de rastreamento de transações desta amostra. Ela listará detalhes com carimbo de data e hora de todos os processos que ocorreram nesta transação.

Percorrer a linha do tempo para encontrar os intervalos mais lentos.

Encontrar os intervalos mais lentos na linha do tempo de rastreamento da transação
Encontrar os intervalos mais lentos na linha do tempo de rastreamento da transação

O Kinsta APM destaca-se em faixas que precisam de sua máxima atenção com a cor vermelha.

Aqui, os intervalos são slow.payment-api.com e update_card_payment. Clique em ambos os intervalos para ver uma visão detalhada dos mesmos com um stack trace completo e outras informações relacionadas.

"Detalhes da Espanha" e "Stack trace" em Kinsta APM
“Detalhes da Espanha” e “Stack trace” em Kinsta APM

Observando a seção de detalhes do Span, você pode inferir que se trata de uma solicitação HTTP externa.

A seção Stack trace ajuda você a identificar todos os processos envolvidos na realização desta solicitação HTTP. Aqui, podemos ver que a WC_Form_Handler::add_to_cart_action está engajada. Mais acima, vemos que também envolve um script WordPress não essencial chamado payment-api.php.

Anote-os como prova. No entanto, há mais um espaço que temos que investigar.

Vejamos os detalhes sobre isso.

Detalhes em espanhol" para um script PHP executado por um plugin
Detalhes em espanhol” para um script PHP executado por um plugin

Kinsta APM é o que mais brilha aqui. Ele se aprofunda em todos os processos relacionados a este vão, e então lhe dá algum contexto. Você pode ver que é um script/função PHP chamado update_card_payment dentro do plugin de payment-api.

Você já reuniu provas suficientes agora para fazer um bom julgamento sobre onde começar seu processo de solução de problemas.

Eu seguiria este diagnóstico examinando o plugin payment-api, especificamente para um script PHP ou função chamada update_card_payment.

Se você ou sua equipe não tiverem a experiência técnica para resolver estes problemas, você pode contratar um desenvolvedor WordPress para examiná-los.

Em seguida, eu entraria em contato com o autor do plugin para examinar seu API de pagamento, pois ele está respondendo super lentamente. O Kinsta APM pode empurrá-lo na direção certa para identificar rapidamente a causa raiz de um problema de desempenho. O que você faz com este conhecimento depende de você!

2. Exemplo de WooCommerce APM: Painel de administração do WooCommerce lento

O desempenho de backend de uma loja on-line é tão crucial quanto seu desempenho de front-end. Enquanto um painel de administração lento do WooCommerce pode afetar negativamente sua produtividade, um backend mais rápido pode aumentar sua eficiência no gerenciamento das tarefas diárias e a rapidez com que você responde aos pedidos dos clientes.

Ter um painel de controle eficiente do WooCommerce também permite que você faça coisas mais essenciais para o sucesso sua loja on-line, como o marketing digital.

O WooCommerce 4.0 introduziu um painel de controle simplificado
O WooCommerce 4.0 introduziu um painel de controle simplificado

Idealmente, as otimizações do backend começam com otimizações do frontend, já que na maioria dos casos a aceleração do frontend também corrige problemas de desempenho no backend. Com o Kinsta APM, você não precisa mais confiar em adivinhações como esta. Você poderá ver os dados exatos de desempenho de todo o site, ajudando-o a corrigir qualquer problema de desempenho.

Neste exemplo, o painel de administração é lento para os gerentes de administração e lojas. Isso não é ideal para cuidar das operações diárias da loja online.

Vamos ligar o Kinsta APM para ver qual é o problema.

Depois de habilitar o Kinsta APM, esperei mais de 15 minutos antes de escavar os dados de desempenho. Enquanto esperava por isso, fui usando o backend do WooCommerce como de costume.

Métricas de desempenho na tela principal do painel de instrumentos do Kinsta APM
Métricas de desempenho na tela principal do painel de instrumentos do Kinsta APM

O gráfico de tempo total da transação indica que os processos PHP ocupam o maior tempo, seguidos por chamadas externas.

Olhando para a tabela de transações mais lentas nos dará uma melhor idéia de quais solicitações estão tomando a maior parte do tempo.

Encontrando as transações mais lentas em Kinsta APM
Encontrando as transações mais lentas em Kinsta APM

Pelo gráfico acima, fica claro que duas transações são realizadas a maior parte do tempo: /wp-admin/admin-ajax.php e /wp-admin.

O alto uso do Admin-Ajax é um dos problemas de desempenho mais comuns enfrentados pelos proprietários de sites WordPress. Vamos investigar mais a fundo esta transação.

Amostras de transações para pedidos admin-ajax.php
Amostras de transações para pedidos admin-ajax.php

Todas as amostras de transações admin-ajax.php têm quase a mesma duração. A duração de uma transação de mais de 10 segundos é anormalmente alta.

Vamos checar sua amostra mais lenta.

A amostra de transação mais lenta para o pedido admin-ajax.php
A amostra de transação mais lenta para o pedido admin-ajax.php

Percorra a linha do tempo da Transação para encontrar os espaços de interesse. Na maioria dos casos, o Kinsta APM irá destacá-los.

Entretanto, nem sempre é esse o caso, como neste caso:

Encontrar os intervalos mais lentos na linha do tempo de rastreamento da transação
Encontrar os intervalos mais lentos na linha do tempo de rastreamento da transação

Você pode observar dois intervalos com duração excepcionalmente alta: snail_admin_refresh PHP process e suspicious-link.com GET external HTTP request.

Examinando os detalhes do vão mais lento em Kinsta APM
Examinando os detalhes do vão mais lento em Kinsta APM

Ao verificar os detalhes do vão, você será direcionado para o plugin que executa este processo PHP. Aqui, é um plugin chamado snail-admin-refresh-notice. Eu o escrevi para emitir uma notificação horrível no painel do WordPress, assim como alguns plugins populares do WordPress.

Inspeção do traço da pilha em outro vão lento
Inspeção do traço da pilha em outro vão lento

Olhando para o Stack traço do span do GET-link.com suspeito, você pode perceber que ele está relacionado ao mesmo plugin.

O irritante aviso de administração do WordPress
O irritante aviso de administração do WordPress

Aqui, a causa da desaceleração está literalmente na cara. No entanto, nem sempre é esse o caso. Se vários usuários estiverem usando o painel de controle do WooCommerce simultaneamente, eles podem tributar ainda mais os recursos do servidor. Isso pode até tornar o painel inacessível para alguns usuários.

Ao ajudá-lo a identificar rapidamente a causa raiz de qualquer problema de desempenho, o Kinsta APM permite que você mantenha seu painel de controle do WooCommerce sempre no seu melhor desempenho!

3. Exemplo de WooCommerce APM: Páginas de produtos e lojas lentas

Os usuários não podem esperar por páginas lentas para carregar, especialmente quando se trata de uma loja ou página de produto. De acordo com estudo de usabilidade do Google, os usuários abandonam uma página quando demoram mais de 2,5 segundos para responder.

Uma das páginas de produtos no site de teste do WooCommerce
Uma das páginas de produtos no site de teste do WooCommerce

Pode haver muitas razões para uma loja WooCommerce ou página de produto estar carregando lentamente:

  • A página da loja pode ter muitos produtos carregando ao mesmo tempo.
  • O tamanho da página do produto pode ser grande por causa de imagens não otimizadas, scripts, solicitações de terceiros, etc.
  • A página da loja ou do produto pode carregar um monte de conteúdo dinâmico não cacheável na página de cada pedido.
  • Um plugin ou o tema pode inserir scripts personalizados em cada página de produto para permitir funcionalidade extra (por exemplo, contadores de ações sociais, produtos relacionados).

Neste exemplo, estaremos diagnosticando páginas lentas de produtos em nosso site de teste WooCommerce. Eles estão demorando muito tempo para responder, o que geralmente é desastroso para as taxas de conversão.

Vamos habilitar o Kinsta APM e tentar carregar algumas páginas de produtos.

Vou testá-los por pelo menos 5 minutos antes de ver o que está acontecendo com as métricas de desempenho do site.

Observe o forte aumento no tempo de transação relacionado ao MySQL
Observe o forte aumento no tempo de transação relacionado ao MySQL

A partir do gráfico de tempo total da transação, você pode observar um aumento drástico no tempo gasto nas consultas do MySQL. E passando pelo carimbo de tempo, é tudo recente.

Vamos escolher uma duração mais curta para nos concentrarmos nestas transações recentes. Isso descartará todas as métricas de desempenho mais antigas de nosso diagnóstico atual.

Escolhendo uma duração mais curta em Kinsta APM
Escolhendo uma duração mais curta em Kinsta APM

Agora vamos dar uma olhada na tabela de transações mais lentas e ver quais solicitações ocupam o maior tempo.

Os pedidos de páginas de produtos individuais são os mais lentos
Os pedidos de páginas de produtos individuais são os mais lentos

Como esperado, a transação /single-product ocupa uma grande parte da duração total. O WooCommerce aciona esta solicitação quando um usuário visita qualquer página individual de produto.

Sua duração máxima (136.417,63 ms) é extraordinariamente alta.

Vamos dar uma olhada.

Amostras de transações para os pedidos de páginas de produtos individuais
Amostras de transações para os pedidos de páginas de produtos individuais

Vou clicar na amostra mais lenta para inspecioná-la. Percorrendo sua linha de tempo de rastreamento de transações nos dará uma melhor idéia do que está causando este problema de desempenho.

O vão problemático destacado em vermelho arrojado
O vão problemático destacado em vermelho arrojado

Você pode ver que a Kinsta APM destacou o vão tributário com uma cor vermelha brilhante. Olhando seu ícone, você pode inferir que se trata de uma consulta a banco de dados.

Detalhes de "Span" e "Stack trace" da lenta consulta do banco de dados
Detalhes de “Span” e “Stack trace” da lenta consulta do banco de dados

A Kinsta APM tritura o traço de pilha deste vão e identifica o plugin que gera esta consulta de banco de dados fiscal.

Aqui, trata-se de um plugin chamado woocommerce-related-products. É uma extensão do WooCommerce que gera dinamicamente uma barra deslizante de produtos relacionados para cada página de produto individual, com base em vários critérios.

O deslizador de 'produtos relacionados' em uma página de produtos
O deslizador de ‘produtos relacionados’ em uma página de produtos

Sob os detalhes do Span, você também pode ver a declaração do banco de dados que injetamos nesta extensão do WooCommerce para simular esta questão de desempenho.

Para grandes lojas WooCommerce que vendem centenas (ou milhares) de produtos, a introdução de um novo recurso ou a atualização de um já existente pode causar problemas de desempenho inesperados. Problemas como o mostrado acima são bastante comuns. O Kinsta APM facilita o diagnóstico e a correção dos problemas.

Resumo

Vivemos em um mundo de ritmo acelerado, onde você pode acessar quase tudo 24 horas por dia, 7 dias por semana. Seja uma pequena empresa ou uma grande empresa, WordPress e WooCommerce tornam super fácil começar a vender coisas on-line. E você pode encontrar temas rápidos para ambos (temas rápidos do WordPress e Temas rápidos de WooCommerce).

A experiência do usuário é a chave para o sucesso de uma loja on-line, e depende principalmente de seu desempenho. Entretanto, como mostrado neste artigo, é um desafio monitorar o desempenho de uma loja WooCommerce.

Neste artigo, você aprendeu como usar o Kinsta APM para corrigir problemas de desempenho do WooCommerce, tais como chamadas API longas, painel de controle lento e consultas lentas a bancos de dados. Ajudando você a tirar as adivinhações da equação, Kinsta APM lhe permite rastrear os problemas de desempenho e resolvê-los rapidamente com o mínimo de interrupção.

Entre no negócio com a Kinsta APM hoje e ganhe uma vantagem significativa no mercado competitivo de hoje!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.