Como melhorar rapidamente sua pontuação do Google PageSpeed ​​Insights da loja Magento sem ser um desenvolvedor

Última atualização - 8 de julho de 2021

Uma pontuação alta no Google PageSpeed ​​Insights tornou-se uma espécie de marca de qualidade para as lojas Magento. E mesmo que o Google e as principais equipes de otimização do Magento sublinhem como não é uma boa ferramenta para medir a otimização de desempenho, os varejistas online ainda confiam nele para monitorar o desempenho de sua loja em termos de velocidade e confiabilidade.

É por isso que criamos um pequeno guia sobre como corrigir rapidamente sua pontuação no Google PageSpeed, mesmo que você não tenha experiência de desenvolvedor. Todas as nossas correções são fáceis de implementar, têm muito impacto para o mínimo esforço e podem ser implementadas em um dia.

Correção nº 1. Obtenha um bom CDN

Uma rede de entrega de conteúdo não é uma cura para todas as lojas Magento, mas é o mais próximo possível. Além dos benefícios óbvios de entrega de ativos mais rápida e latência reduzida, uma CDN oferece um conjunto de recursos que podem tornar sua loja Magento mais rápida:

• otimização de mídia (um CDN sabe como reduzir o tamanho geral da imagem sem comprometer a qualidade),
• minificação e compactação de ativos estáticos , como arquivos CSS, JS e HTML (criar ativos menores definitivamente pode ajudar a atendê-los mais rapidamente, mesmo em redes mais lentas),
• troque arquivos JPEG mais antigos pelo formato WebP moderno para navegadores que o suportam (as imagens carregam mais rápido e ocupam menos espaço),
• converter imagens para formato progressivo (imagens progressivas carregam de forma diferente das convencionais, oferecendo aos usuários uma sensação de maior desempenho mesmo que tecnicamente a loja carregue na mesma velocidade),
• adiar o carregamento de ativos (o Magento precisa principalmente adiar a análise de JavaScript ) para acelerar a entrega de ativos críticos,
• priorize os protocolos HTTP/2 e QUIC para carregar arquivos mais rápido e fora de sincronia,
• ajustar a idade do cache para valores ideais,
• servir diferentes versões de imagem para diferentes usuários (multiversioning é útil quando o navegador precisa de uma imagem de tamanho menor, por exemplo).

Instalar e configurar um CDN não requer muito conhecimento técnico. Na maioria das vezes você será capaz de lidar com a tarefa sem muita dificuldade. Um CDN é uma das melhores soluções para o desempenho do frontend Magento. Sua integração pode melhorar significativamente sua pontuação no Google PageSpeed ​​devido à grande quantidade de correções úteis que oferece.

Embora uma CDN seja a melhor ferramenta em nossa caixa de ferramentas, gostaríamos de mostrar mais duas opções de como acelerar sua loja e, esperamos, aumentar ainda mais a pontuação do PageSpeed.

Correção nº 2. Escolha uma hospedagem Magento capaz

O Magento é uma plataforma exigente e com uso intensivo de recursos que requer uma equipe de suporte focada para ajudá-lo a extrair o máximo de desempenho do servidor.

Infelizmente, na maioria das vezes, os donos de lojas Magento não veem um bom provedor de hospedagem como um investimento que vale a pena. Em vez de combinar os requisitos de sua loja com um ambiente de servidor capaz, eles estão procurando como otimizar o Magento para colocá-lo nos limites restritivos de uma solução de hospedagem compartilhada ou um servidor privado virtual básico.

É por isso que é tão importante que você escolha cuidadosamente seu ambiente de hospedagem Magento e ainda mais meticulosamente – a equipe de suporte técnico do seu provedor. Essas serão as pessoas que o ajudarão a configurar o ambiente e a lidar com possíveis dificuldades técnicas que você possa encontrar.

Um bom hoster e um servidor poderoso se traduzirão em uma melhoria visível na pontuação do Google PageSpeed. Quanto mais forte o servidor, mais problemas ele atenuará conectados aos gargalos da CPU - e a CPU é o ponto estreito mais comum nas lojas da web Magento. Portanto, não duvide se você precisa de um servidor mais forte – é provável que você deva apenas atualizar.

Nossas recomendações aqui: faça sua pesquisa. Leia comentários, pergunte, converse com especialistas da comunidade, compare as ofertas de diferentes fornecedores, faça perguntas específicas a esses hosts.

Correção nº 3. Otimize as configurações de administração do Magento

A seção Magento Admin é frequentemente negligenciada, mas é um vetor eficaz de otimização do Magento. Uma das vantagens da otimização do Magento Admin Panel é que você realmente não precisa fazer coisas extremamente técnicas. Basta seguir instruções simples sobre como alterar configurações específicas no Magento.

Ative os Catálogos Simples. Essa é uma correção eficaz quando você tem milhares de produtos exclusivos na loja. Catálogos e produtos planos mudam a maneira como o Magento salva os atributos do produto na loja. Em vez de mantê-los em tabelas de banco de dados separadas, ele cria uma estrutura plana que ajuda o servidor a buscar valores de atributo muito mais rápido do que antes. Vá para Lojas > Configurações > Configuração > Catálogo > Vitrine e altere essas duas opções para Sim .

Altere as configurações de JS. Por algum motivo, as configurações padrão do Magento JS não são ideais. Mas se você leva a sério o desempenho do Magento, recomendamos que você vá para Lojas > Configurações > Configuração > Avançado > Desenvolvedor > Configurações de JavaScript e altere-as conforme mostrado abaixo.

Altere as configurações de CSS. CSS não otimizado pode impactar seriamente o desempenho, então é uma boa ideia fazer com que esse impacto seja o mais baixo possível. Vá para Stores > Configuration > Advanced > Developer e mude para YES Minify and Merge CSS settings.

Altere as configurações de HTML. As configurações de HTML estão localizadas em Lojas > Configuração > Avançado > Desenvolvedor > Configurações de modelo . Ative a minificação de HTML para economizar dados e acelerar o carregamento da página da web. O código minificado é menos legível, mas muito mais compacto, o que é um ótimo recurso quando você está preocupado com o desempenho da entrega.

Correção de bônus. Ative o Elasticsearch!

A pesquisa na loja não afeta realmente a pontuação do Google PageSpeed ​​Insights, mas é algo que você deve implementar. O Elasticsearch é uma tremenda melhoria na experiência do usuário e oferece enormes benefícios de qualidade de vida para seus clientes.

O problema é que, na maioria das vezes, a pesquisa na loja é um dos elementos mais frustrantes de toda a experiência de compra, se for lenta ou imprecisa. Para usuários com pressa, a qualidade de sua pesquisa pode ser a diferença entre uma compra concluída e um cliente perdido.

O Elasticsearch oferece dimensionamento horizontal fácil, resultados rápidos, recursos de pesquisa inteligente, uso de sinônimos e palavras de parada e suporte a vários idiomas.

Vá para Lojas > Configurações > Configuração > Catálogo > Catálogo > Pesquisa de catálogo para habilitar o Elasticsearch. O processo de configuração é mais complicado do que as 3 correções anteriores, mas oferece benefícios suficientes para valer a pena. Depois de habilitar a versão desejada do Elasticsearch, você precisa seguir este guia para instalar totalmente esse novo mecanismo de pesquisa.

Observação: os provedores de hospedagem focados em Magento estarão familiarizados com o Elasticsearch e geralmente têm soluções de integração do Elasticsearch prontas para uso para você usar. Veja como tudo isso se encaixa? Um bom provedor de hospedagem Magento tornará sua vida muito mais fácil, em muitos aspectos.

Obtendo a pontuação perfeita. Você Precisa Mesmo?

A pontuação do Google PageSpeed ​​é baseada em dezenas de auditorias separadas que avaliam a velocidade da sua loja de tantas maneiras que é difícil listá-las aqui. O que você precisa entender é que a pontuação não tem sentido se você a perseguir sozinho, sem olhar primeiro para a experiência do usuário e o envolvimento do usuário. Essas são as métricas reais que você deseja aumentar.

A forma como seus clientes navegam, como eles se comportam no Checkout, no Carrinho de Compras ou na Grade de Produtos. Veja onde as conversões aumentam ou diminuem e como você pode melhorar. Afinal, pessoas reais trazem vendas reais. Os robôs não são tão importantes para sua loja.