Por Rute Linhares em 23-03-2026

O relato de uma otimização de performance de uma loja Shopify

Publicado porRute Linhares16 Visualizações

Comentar
Avaliar

Descubra como resolvemos um problema de lentidão em uma loja Shopify, com uma análise técnica detalhada que levou à remoção de widgets redundantes e otimização de código HTML. Resultado: 200% de crescimento na faturação e aumento de 91% na taxa de conversão.

Publicado em 23-03-202616 Visualizações0 Avaliações0 Comentários

Fomos contactados por um cliente em pânico a explicar que a sua loja Shopify estava muito lenta e que precisava da nossa ajuda para resolver o problema. Note-se que não temos a gestão operacional da loja, apenas assistimos em suporte técnico, pelo que não tínhamos a mínima ideia da razão da loja estar lenta.

Contratado o trabalho de análise técnica (SEO Técnico), fizemos a revisão da loja e, ao verificamos que efetivamente a loja estava lenta. Corremos também o Google Speed Insights e tudo apontava que realmente o website estava com um problema.

Todos já conhecemos o bla bla do Google Speed Insights no contexto de um SaaS como a Shopify. Diz tudo, mas não diz nada. Muitas das coisas que nos propõe fazer não estão acessíveis e pouco influenciam nos resultados da telemetria. Isto levanta um pânico enorme nos clientes porque contratam serviços de auditoria que o que fazem é apresentar um relatório onde traduzem o que o Google Speed Insights diz, mas ninguém é capaz de dizer ao cliente o que realmente se passa ou como resolver.

O que é certo é que a telemetria da loja indicava algo de profundamente mal e pior, a perceção do utilizador a navegar na loja, era de que estava lenta.

Pelo que a abordagem foi back to the basics - uma abordagem baseada na experiência e no conhecimento profundo de HTML, internet e redes. O que faz um website ficar lento?

Servidor lento - Shopify é rápido
Demasiados Pedidos - Talvez muitas aplicações instaladas, que não era o caso
Pedidos longos - Não era o caso
Tamanho dos pedidos - pois bem, o pedido principal (renderização do DOM) era gigante (tinha 60k de linhas HTML).

Com esta identificação que nos pareceu suspeita, já que um DOM com mais de 60 000 linhas de HTML não é normal, decidimos indagar a razão de tal acontecer - aparentemente o cliente tinha estado a ativar mercados e idiomas e não ficou corretamente configurado e estruturado. Facilmente identificamos várias widgets Shopify redundantes (seletores de mercado, seletores de idioma, etc..) que estavam ativados, gerando milhares de linhas que, por sua vez, carregavam icones de bandeiras em XML (formato SVG) e incluíam isso no DOM.

Removidos os Widgets ficamos com metade das linhas de html para renderizar - o que é ainda excessivo - contudo, bastante mais fácil de gerir com um telemóvel moderno.

Não vamos dizer que foi a única otimização feita. Fizemos mais algumas otimizações (troca de ordem de alguns scripts, removemos scripts de aplicações obsoletas e acrescentamos alguns defers a outros scripts). Contudo, o que realmente mudou completamente a performance da loja foi a remoção de código HTML.

O LCP baixou 62% - uma drástica descida bem identificada com a intervenção de 16 de fevereiro.

Com isto, conseguimos recuperar a performance de uma loja online e consequentemente a sua rentabilidade.

A taxa de conversão aumentou durante o mês de forma expressiva (91%).

Mas ainda se nota mais se usarmos o mês de março como ponto de referência, já que durante março a loja esteve 100% otimizada atingindo valores de conversão de 1,59% - dentro do que é mais normal: