Sete dicas para tornar seu site Magento rápido

Dica nº 1: atualize para o Magento 2 se você ainda estiver executando o Magento 1

A Adobe encerrou o suporte ao Magento 1 em junho de 2020, mas centenas de empresas ainda o utilizam. Se você é um deles, considere esta mensagem como uma chamada para migrar o mais rápido possível. Entre as muitas vantagens do Magento 2 (agora conhecido como Adobe Commerce), o desempenho é o maior, superando sua contraparte obsoleta em muitos casos de uso:

• Magento 2 processa 39% mais pedidos por hora, atingindo até 2.558 pedidos por hora
• Ele oferece tempos de resposta quase instantâneos para páginas de catálogo (<2 segundos)
• Ele permite tempos de resposta do servidor add-to-cart até 66% mais rápidos, inferiores a 500 milissegundos
• Ele fornece tempos de resposta de checkout de clientes 51% mais rápidos e tempos de resposta de checkout de clientes 36% mais rápidos para todas as etapas de checkout combinadas

Além disso, a versão mais recente e mais recente do Magento 2.4.x é ainda mais rápida graças a melhorias significativas no tempo de resposta da página da loja, tempos de carregamento de imagem mais rápidos, bem como armazenamento em cache aprimorado e desempenho de adição ao carrinho.

Dica nº 2: mude seu provedor de hospedagem

Grande parte do desempenho depende da capacidade do seu servidor de sustentar um grande número de usuários sem desacelerar ou desmaiar nos horários de pico. Esqueça a hospedagem compartilhada para sua loja Magento. Seu plano de hospedagem deve incluir pelo menos discos rígidos de estado sólido (SSD) e pelo menos 4 GB de RAM. Os requisitos exatos do sistema variam dependendo da sua loja.

Eu sempre recomendo que meus clientes Magento hospedem seus sites na AWS, o que é acessível e poderoso. Ele fornece um ambiente estável, permitindo que você forneça um desempenho de alto nível do site enquanto amplia suas operações de negócios, usuários e pedidos.

Dica #3: Implemente uma Estratégia de Cache Viável (ou Otimize a Existente)

Um cache é uma maneira de pré-carregar suas páginas da web para entrega rápida de conteúdo. Essencialmente, ele armazena todos os elementos da página, como texto e imagens, para que o usuário não precise solicitar arquivos do servidor toda vez que visitar seu site.

O armazenamento em cache é particularmente útil quando você tem um produto com muitos atributos que demoram muito para carregar. O Magento 2 permite o cache de página inteira pronto para uso, mas você pode aumentar ainda mais seu fluxo usando tecnologias avançadas de cache, como Varnish e Redis.

O Varnish armazenará (ou armazenará em cache) arquivos ou fragmentos de arquivos na memória e eventualmente reduzirá o tempo de resposta e o consumo de largura de banda da rede em solicitações futuras equivalentes. Ele fica entre o servidor web e o banco de dados Magento e faz proxy de todas as solicitações HTTP dos usuários para reduzir os tempos de resposta para retornar o conteúdo aos usuários.

O Redis atuará como um cache padrão para armazenar consultas, chaves e sessões de usuário frequentes. Ele substitui o sistema de cache baseado em arquivo padrão do Magento e adicionará velocidade extra ao seu site.

Enquanto o Varnish se concentra no cache de front-end, o Redis pode armazenar outras estruturas de dados, como os caches EAV e de configuração. É por isso que eu recomendo usá-los em conjunto.

Dica nº 4: Considere adicionar um CDN

Um CDN significa rede de entrega de conteúdo. Eles têm servidores distribuídos geograficamente em todo o mundo, para que os usuários possam baixar dados dos servidores mais próximos a eles. As CDNs podem fornecer qualquer tipo de conteúdo, incluindo imagens, mídia, arquivos CSS/JS, temas e módulos e podem atuar como um otimizador geral do site.

O Magento vem pré-configurado para suportar CDNs, embora você deva ter algum conhecimento técnico para configurá-lo. Não é absolutamente necessário, especialmente para as empresas de pequeno porte com pouco tráfego incapazes de investir na solução tecnológica e sua implementação.

No entanto, é essencial para sites de tráfego intenso e de missão crítica que levam a sério o fornecimento da melhor experiência ao usuário. Minhas recomendações pessoais são Akamai, Cloudflare e Amazon Cloudfront.

Dica nº 5: Faça uma auditoria no site

Se um site de comércio eletrônico está ganhando US$ 100.000 por dia, um atraso de 1 segundo na página pode custar US$ 2,5 milhões em vendas perdidas todos os anos. Esse atraso é causado por gargalos de desempenho.

Há tantas coisas causando gargalos, como o número de solicitações do servidor, peso da página, elementos de página lentos, carregamento lento de imagens, extensões de terceiros e código mal escrito ou não otimizado. Uma auditoria identifica esses problemas técnicos no back-end e no front-end, os resolve e mostra o desempenho após as modificações.

Alguns dos gargalos de desempenho do Magento mais comuns podem incluir:

• Deixando os principais módulos não utilizados habilitados (por exemplo, envio e pagamentos offline; Captcha, Persistent, RSS; MSRP, Send Friend, Weee, etc.).
• Acumulando recursos desnecessários, como plugins e elementos de layout.
• Falha em aderir aos padrões de codificação e melhores práticas.

Mesmo adicionar alguns recursos do site pode fazer com que o desempenho do seu site diminua. Realize uma auditoria regular do código Magento para garantir que sua loja não fique cheia de bugs e gargalos.

Dica nº 6: siga as práticas recomendadas de desempenho do Magento

Essa pode ser a dica mais óbvia, mas funciona na maioria das vezes. Magento Performance Best Practices é um guia inestimável trazido a você pela própria Adobe sobre como configurar sua loja da maneira mais eficiente.

O guia inclui alguns insights, mas aqui estão os principais impulsionadores de velocidade:

• Ative todos os caches na página Sistema > Ferramentas > Gerenciamento de cache. Melhor ainda, conecte o cache Varnish que discutimos acima.
• Ativar notificações por e-mail assíncronas
• Use ferramentas de terceiros, como extensões de otimização de velocidade Magento para minificação e agrupamento JS (como r.js).
• Ative o protocolo HTTP2 como alternativa ao uso do pacote JS.
• Não use configurações obsoletas, como mesclar arquivos JS e CSS, pois elas foram projetadas apenas para JS carregado de forma síncrona na seção HEAD da página. O uso dessa técnica pode causar agrupamento e exigir que a lógica JS funcione incorretamente.

Alguns podem ver essas recomendações como muito técnicas, então é melhor você ter algum conhecimento técnico ou usar a ajuda de alguém com experiência anterior em Magento.

Dica nº 7: Faça um teste de estresse

Um teste de estresse é uma etapa importante para melhorar a escalabilidade e garantir que sua loja possa lidar com as cargas de pico durante as vendas instantâneas. Durante um teste de estresse, você leva o site ao ponto de interrupção aumentando incrementalmente a carga acima do máximo esperado.

Primeiro, você precisa gerar dados de amostra para teste de desempenho. O Magento permite que você crie mais usuários, lojas, categorias, produtos e assim por diante e defina perfis (pequeno, médio, grande e extragrande). Consulte a documentação oficial do Magento para mais informações.

Segundo, você configura o ambiente de pré-teste usando a ferramenta de sua escolha. É importante pegar as jornadas do usuário mapeadas no estágio de preparação e inseri-las na ferramenta de teste de desempenho para criar um modelo de carga de trabalho.

Terceiro, você clona o banco de dados Magento existente, garante que todas as ferramentas estejam funcionando corretamente e executa o teste de desempenho. Posteriormente, você pode analisar os resultados, criar relatórios e identificar os gargalos a serem resolvidos.

Eu sei que parece mais fácil falar do que fazer, mas esta última dica deve ser de grande ajuda para os grandes comerciantes. Faça um teste de estresse em seu site Magento para garantir que ele possa lidar com os altos volumes de tráfego e dimensionar, independentemente do número de usuários e produtos.

Uma nota final para a conclusão: os compradores online nunca foram pacientes o suficiente para esperar mais de 3 segundos para carregar uma página de produto. Cabe a você tomar medidas, alocar o orçamento para otimização de desempenho e impressionar seus clientes com uma experiência de usuário ideal.