Se você chegou a este artigo, provavelmente já sabe que sua loja Shopify está lenta e isso está custando vendas. Não é uma suposição: cada segundo adicional de carregamento reduz a taxa de conversão entre 7% e 20%. Eu vi isso em dezenas de lojas na LATAM: uma loja que leva 5 segundos para carregar pode estar perdendo metade de suas vendas potenciais em comparação com uma que carrega em 2 segundos.
A boa notícia é que a maioria dos problemas de velocidade no Shopify tem solução. Alguns você pode resolver sozinho em uma tarde. Outros exigem intervenção técnica. Neste artigo, vou explicar exatamente por que sua loja Shopify está lenta, como diagnosticá-la com ferramentas gratuitas e como resolvê-la passo a passo.
Este é um dos temas que mais impacta o desempenho de uma loja e, no entanto, um dos mais ignorados pelos donos de lojas no México e na LATAM. Vamos mudar isso.
Por que a velocidade de carregamento da sua loja Shopify é tão importante?
Antes de entrar nas causas e soluções, quero que você entenda o impacto real de uma loja lenta. Não é apenas uma questão de experiência do usuário: é dinheiro direto.
Estes são os dados que você deve ter em mente:
- 53% dos usuários móveis abandonam uma página que leva mais de 3 segundos para carregar (Google, 2018). E na LATAM, onde a maior parte do tráfego é móvel, isso é crítico.
- O Google usa a velocidade como fator de posicionamento SEO desde 2021 com as Core Web Vitals. Uma loja lenta não só perde vendas: perde visibilidade orgânica.
- A Amazon calculou que a cada 100ms de melhoria na velocidade, seus rendimentos aumentam em 1%. Adapte isso para sua loja.
- O checkout lento é o assassino mais silencioso. Um cliente que chega ao carrinho e experimenta lentidão abandona sem te dizer nada.
O Shopify como plataforma é rápido por design: usa CDN global, servidores otimizados e código base eficiente. Se sua loja carrega lentamente, o problema quase sempre está no que você adicionou por cima: aplicativos, imagens, código personalizado ou um tema mal otimizado.
Como diagnosticar por que sua loja Shopify está lenta
Antes de fazer qualquer coisa, você precisa medir. Você não pode otimizar o que não mede. Estas são as ferramentas que uso em cada auditoria de velocidade:
1. Relatório de velocidade do Shopify (o ponto de partida)
O Shopify tem um relatório de velocidade nativo no seu admin. Vá para Loja online > Temas > Ver relatório de velocidade. Ele fornece uma pontuação de 0 a 100 em comparação com lojas similares e mostra as páginas mais lentas.
Uma pontuação acima de 50 é aceitável. Acima de 70 é bom. Acima de 85 é excelente. Se estiver abaixo de 40, você tem um problema sério para resolver.
2. Google PageSpeed Insights
Vá para pagespeed.web.dev e insira a URL da sua loja. Ele fornecerá uma análise detalhada separada por celular e desktop, com as Core Web Vitals e recomendações específicas.
As métricas chave que você deve verificar:
- LCP (Largest Contentful Paint): tempo que leva para carregar o maior elemento visual. Deve ser inferior a 2,5 segundos.
- FID / INP (Interaction to Next Paint): tempo de resposta à primeira interação. Deve ser inferior a 200ms.
- CLS (Cumulative Layout Shift): estabilidade visual da página. Deve ser inferior a 0,1.
3. GTmetrix
GTmetrix (gtmetrix.com) oferece uma visão mais detalhada de quais arquivos específicos estão demorando mais para carregar. Muito útil para identificar scripts de aplicativos que estão bloqueando a renderização.
4. Shopify Theme Inspector (para desenvolvedores)
Se você tem acesso ao código do seu tema, a extensão Shopify Theme Inspector for Chrome mostra exatamente quais seções do Liquid estão demorando mais para renderizar. É a ferramenta mais precisa para diagnósticos técnicos profundos.
💡 Quer que eu faça uma auditoria de velocidade completa da sua loja? Em yosoyexperto.com eu analiso sua loja Shopify e entrego um plano de ação priorizado para melhorar sua velocidade e conversão.
As 8 causas mais comuns de lentidão em sua loja Shopify
Depois de auditar dezenas de lojas na LATAM, estas são as causas que encontro com mais frequência, ordenadas da mais para a menos comum:
Causa 1: Imagens não otimizadas (o culpado #1)
É o problema mais comum e o mais fácil de resolver. Fazer upload de fotos de produtos diretamente da câmera ou do telefone sem compactar pode significar imagens de 3MB, 5MB ou até 10MB por foto. Se sua página inicial tiver 10 imagens assim, o navegador precisa baixar 50MB apenas para exibir a página.
O Shopify converte automaticamente as imagens para o formato WebP (mais eficiente), mas apenas se você as enviar em um formato compatível. Mesmo assim, o tamanho original importa.
Regra prática: nenhuma imagem de produto deve pesar mais de 200KB. Imagens de banner ou hero podem chegar a um máximo de 400KB.
Ferramentas para compactar imagens:
- TinyPNG / TinyJPG (tinypng.com) — gratuito, compacta sem perda visível de qualidade
- Squoosh (squoosh.app) — do Google, muito preciso para ajustar qualidade e formato
- ImageOptim — aplicativo de desktop para Mac, ideal para processar lotes de imagens
Dimensões recomendadas para Shopify:
- Imagens de produto: 2048 x 2048 px máximo
- Banners de desktop: 1920 x 800 px
- Imagens de coleção: 800 x 800 px
Causa 2: Muitos aplicativos instalados (o problema silencioso)
Cada aplicativo que você instala no Shopify pode adicionar scripts JavaScript à sua loja que são carregados em cada página, mesmo que o cliente nunca use essa funcionalidade. Eu vi isso em dezenas de lojas na LATAM: lojas com 20, 30 ou até 40 aplicativos instalados, muitos deles sem uso ou com funcionalidade duplicada.
O problema é que muitos aplicativos injetam seu código de forma que bloqueia a renderização da página. Enquanto o navegador espera que esse script seja carregado, o usuário vê uma página em branco ou incompleta.
Como identificar aplicativos problemáticos:
- No GTmetrix, verifique a aba “Waterfall” e procure por scripts de terceiros que demorem mais de 500ms
- Desative os aplicativos um por um e meça o impacto no PageSpeed
- Verifique no seu admin do Shopify quais aplicativos têm acesso ao seu tema (Configurações > Aplicativos e canais de vendas)
Ação imediata: desinstale qualquer aplicativo que você não use ativamente. Não basta desativá-lo: alguns deixam código em seu tema mesmo depois de desinstalados. Verifique o código do seu tema para limpar trechos órfãos.
Causa 3: Tema mal otimizado ou com muitas funções
Nem todos os temas Shopify são iguais em desempenho. Alguns temas premium têm dezenas de funções que carregam mesmo que você não as use: sliders, pop-ups, contadores, efeitos de rolagem, etc. Tudo isso tem um custo em velocidade.
Os temas do Shopify Online Store 2.0 (OS 2.0) são geralmente mais rápidos porque usam uma arquitetura de seções mais eficiente. Se você tem um tema antigo (pré-OS 2.0), considere migrar para um moderno.
Temas conhecidos pelo seu bom desempenho:
- Dawn — o tema gratuito oficial do Shopify, extremamente rápido
- Sense, Craft, Refresh — outros temas gratuitos do Shopify bem otimizados
- Impulse, Prestige, Symmetry — temas premium com bom equilíbrio entre funções e velocidade
Causa 4: Vídeos na página inicial sem otimização
Os vídeos de fundo ou hero são um dos elementos que mais pesam em uma página. Um vídeo de 30 segundos sem compressão pode pesar 50MB ou mais. Se você está servindo diretamente do Shopify em vez de usar YouTube ou Vimeo como host, você está forçando o navegador a baixar esse arquivo completo antes de exibir a página.
Solução: use YouTube ou Vimeo para hospedar seus vídeos e incorpore-os em seu tema. O Shopify os carregará de forma diferida (lazy load) e não impactarão a velocidade inicial da página.
Causa 5: Fontes tipográficas externas em excesso
Cada fonte tipográfica que você carrega do Google Fonts ou de outro serviço externo é uma solicitação HTTP adicional que o navegador deve resolver. Se você usar 3 ou 4 famílias tipográficas com múltiplos pesos, pode estar adicionando 500ms ou mais apenas no carregamento das fontes.
Recomendação: use no máximo 2 famílias tipográficas e 2-3 pesos por família. O Shopify tem fontes do sistema disponíveis que carregam instantaneamente e parecem profissionais.
Causa 6: Código personalizado mal implementado
Se você adicionou trechos de código personalizados ao seu tema (para rastreamento, chat, pop-ups, etc.) sem seguir as boas práticas, eles podem estar bloqueando a renderização da página.
O erro mais comum: adicionar scripts no <head> do tema sem o atributo defer ou async. Isso faz com que o navegador pause o carregamento da página até que esse script termine de ser executado.
Solução: todos os scripts de terceiros devem ser carregados com defer ou async, e preferencialmente no final do <body> em vez do <head>.
Causa 7: Muitos produtos em coleções sem paginação
Se você tem uma coleção com 200 ou 300 produtos e está exibindo todos em uma única página, o navegador precisa carregar todas as imagens e dados de uma vez. Isso é especialmente problemático em dispositivos móveis.
Solução: configure a paginação de suas coleções para exibir entre 24 e 48 produtos por página. O Shopify permite isso nativamente na configuração do tema.
Causa 8: Liquid ineficiente no tema (para casos avançados)
Se você tem um tema muito personalizado com código Liquid complexo, laços aninhados ou chamadas a metafields em cada produto de uma coleção, o tempo de renderização do servidor pode aumentar significativamente.
Isso é menos comum, mas eu vejo em lojas com muita personalização acumulada ao longo do tempo. O Shopify Theme Inspector é a ferramenta ideal para diagnosticar esse tipo de problema.
⏱️ Você identificou alguma dessas causas em sua loja, mas não sabe como resolvê-la? Verifique meus pacotes de horas em yosoyexperto.com/precios — posso fazer a auditoria e as correções em uma sessão de trabalho focada.
Como resolver a lentidão da sua loja Shopify passo a passo
Agora que você já sabe por que sua loja está lenta, vamos às soluções. Vou organizá-las em três níveis, de acordo com a dificuldade técnica:
Nível 1: O que você pode fazer sozinho hoje (sem código)
Passo 1: Audite e desinstale aplicativos que você não usa
- Vá para Configurações > Aplicativos e canais de vendas no seu admin do Shopify
- Revise cada aplicativo instalado e pergunte: eu usei nos últimos 30 dias?
- Desinstale tudo o que você não usa ativamente
- Após desinstalar, verifique o código do seu tema (Loja online > Temas > Editar código) e procure por trechos com o nome dos aplicativos desinstalados
Passo 2: Otimize todas as suas imagens
- Baixe suas imagens de produto atuais
- Comprima-as com TinyPNG ou Squoosh até que pesem menos de 200KB
- Faça upload novamente para o Shopify
- Para novas imagens, estabeleça um processo: comprimir antes de enviar, sempre
Passo 3: Verifique as seções ativas na sua página inicial
- Vá para o editor de temas e verifique quantas seções você tem ativas na página inicial
- Exclua ou desative as seções que não agregam valor real ao cliente
- Menos seções = menos código = página mais rápida
Passo 4: Configure a paginação de coleções
- Vá para o editor de temas > configurações da página de coleção
- Reduza o número de produtos por página para 24 ou 48
- Ative o lazy loading de imagens se o seu tema suportar
Nível 2: Otimizações que exigem edição do tema (conhecimento básico de código)
Adicionar defer a scripts de terceiros
Procure no arquivo theme.liquid ou layout/theme.liquid os scripts que são carregados no <head>. Adicione o atributo defer a qualquer script que não seja crítico para a renderização inicial:
<!-- Antes -->
<script src="https://ejemplo.com/script.js"></script>
<!-- Depois -->
<script src="https://ejemplo.com/script.js" defer></script>Pré-carregar a imagem hero (LCP)
A imagem principal da sua página inicial (o banner hero) é quase sempre o elemento LCP. Você pode pré-carregá-lo para que o navegador o baixe com alta prioridade:
<link rel="preload" as="image" href="{{ section.settings.image | img_url: '1920x' }}">Isso vai no <head> do seu tema, idealmente condicionado a ser a página inicial.
Ativar carregamento lento em imagens
Se o seu tema não tem lazy loading nativo, você pode adicioná-lo manualmente às tags de imagem:
<img src="{{ product.featured_image | img_url: '800x' }}" loading="lazy" alt="{{ product.title }}">Isso diz ao navegador para não carregar essa imagem até que o usuário esteja prestes a vê-la, reduzindo o peso inicial da página.
Nível 3: Otimizações avançadas (exigem experiência técnica)
Auditoria e limpeza de código Liquid
Revisar o código Liquid do seu tema para identificar loops ineficientes, chamadas redundantes a objetos do Shopify e trechos que são incluídos várias vezes. Isso requer conhecimento de Liquid e de como o motor de renderização do Shopify funciona.
Implementação de Critical CSS
Extrair o CSS crítico (o que é necessário para renderizar a parte visível da página sem rolagem) e inlineá-lo no <head>, enquanto o restante do CSS é carregado de forma diferida. Isso melhora significativamente o LCP e o FCP (First Contentful Paint).
Otimização de fontes tipográficas
Usar font-display: swap para que o texto seja visível enquanto a fonte carrega, pré-carregar as fontes críticas e eliminar pesos tipográficos que não são usados no design.
Revisão e consolidação de scripts de rastreamento
Usar o Google Tag Manager para centralizar todos os scripts de rastreamento (GA4, Meta Pixel, TikTok Pixel, etc.) em vez de instalá-los individualmente. Isso reduz o número de solicitações HTTP e facilita o gerenciamento futuro.
Ferramentas gratuitas para monitorar a velocidade da sua loja Shopify
A otimização de velocidade não é um evento único: é um processo contínuo. Estas ferramentas ajudam você a monitorar o desempenho da sua loja ao longo do tempo:
- Google Search Console — mostra o relatório de Core Web Vitals com base em dados reais de usuários (não simulados). É a fonte mais confiável para saber como sua audiência real experiencia a velocidade.
- Google PageSpeed Insights — para análises pontuais após cada mudança importante
- Relatório de velocidade do Shopify — para comparar-se com lojas similares na plataforma
- WebPageTest (webpagetest.org) — para análises avançadas com simulação de diferentes conexões e dispositivos
Minha recomendação: verifique o PageSpeed Insights após cada mudança significativa em sua loja (novo aplicativo, novo tema, novas seções) para detectar regressões antes que elas impactem suas vendas.
O Shopify também possui documentação oficial sobre otimização de velocidade em help.shopify.com que complementa muito bem as técnicas deste artigo.
O quanto a velocidade da sua loja Shopify pode melhorar?
Para te dar uma ideia do impacto real, compartilho resultados típicos que vejo nos meus projetos de otimização:
- Apenas otimizando imagens: melhora de 15 a 25 pontos no PageSpeed móvel
- Desinstalando aplicativos não utilizados: melhora de 10 a 20 pontos adicionais
- Otimizando scripts (defer/async): melhora de 5 a 15 pontos
- Mudando para um tema mais rápido: melhora de 20 a 40 pontos em casos extremos
Uma loja que começa com 30 pontos pode chegar a 70-80 pontos com um processo de otimização bem executado. Isso se traduz diretamente em menos taxa de rejeição, mais tempo no site e mais conversões.
Eu já vi isso em dezenas de lojas na LATAM: a otimização de velocidade é um dos investimentos com melhor retorno no e-commerce, pois impacta todos os outros esforços de marketing. Não adianta pagar publicidade para trazer tráfego se sua loja os afasta com lentidão.
🚀 Pronto para que sua loja carregue rápido e converta mais? Agende uma sessão de otimização comigo em yosoyexperto.com e vamos trabalhar juntos para levar sua loja ao próximo nível de desempenho.
Erros comuns ao tentar otimizar a velocidade da Shopify
Antes de finalizar, quero alertá-lo sobre os erros mais comuns que vejo quando os proprietários de lojas tentam otimizar a velocidade por conta própria:
Erro 1: Mudar o tema sem fazer backup primeiro
Sempre duplique seu tema antes de fazer qualquer alteração. Se algo der errado, você pode voltar ao estado anterior em segundos.
Erro 2: Instalar um aplicativo de otimização de velocidade que adiciona mais código do que remove
Existem aplicativos que prometem melhorar a velocidade, mas que na verdade adicionam seus próprios scripts pesados. Meça antes e depois de instalar qualquer aplicativo desse tipo.
Erro 3: Otimizar apenas o desktop e ignorar o celular
Na LATAM, mais de 70% do tráfego de e-commerce é móvel. Sempre priorize a pontuação móvel no PageSpeed Insights em relação à do desktop.
Erro 4: Fazer várias alterações ao mesmo tempo
Se você mudar o tema, desinstalar aplicativos e otimizar imagens tudo no mesmo dia, não conseguirá saber qual mudança teve mais impacto. Faça uma mudança por vez e meça o resultado.
Erro 5: Ignorar o problema após uma melhoria inicial
A velocidade de uma loja Shopify se degrada com o tempo à medida que você adiciona aplicativos, conteúdo e personalizações. Estabeleça uma rotina de revisão trimestral.
Conclusão: sua loja Shopify pode carregar rápido se você atacar as causas corretas
Se sua loja Shopify carrega lento, a solução quase sempre está em uma combinação de imagens não otimizadas, muitos aplicativos e código mal implementado. A boa notícia é que esses problemas têm solução concreta e os resultados são vistos rapidamente.
O processo é claro: primeiro meça com as ferramentas corretas, depois identifique as causas específicas da sua loja e, finalmente, aplique as soluções em ordem de impacto. Não tente consertar tudo de uma vez.
Se você quiser fazer isso bem desde o início e sem riscos, contrate um pacote de horas ou agende uma sessão de otimização em yosoyexperto.com. Analiso sua loja, identifico os gargalos e os resolvo com um plano de ação claro e mensurável.
Perguntas frequentes sobre velocidade em lojas Shopify
Qual é uma boa pontuação de velocidade na Shopify?
No relatório nativo da Shopify, uma pontuação acima de 50 é aceitável, acima de 70 é boa e acima de 85 é excelente. No Google PageSpeed Insights, procure mais de 70 no celular e mais de 85 no desktop. Lembre-se de que as pontuações do PageSpeed são mais rigorosas que as da Shopify.
A Shopify é mais lenta que outras plataformas?
Não. A Shopify é uma das plataformas de e-commerce mais rápidas disponíveis graças à sua CDN global e arquitetura otimizada. Se sua loja Shopify carrega lento, o problema está no que você adicionou, não na plataforma base.
Quantos aplicativos posso ter instalados sem afetar a velocidade?
Não há um número mágico, mas minha recomendação é manter menos de 10 aplicativos ativos. O que importa não é a quantidade, mas o impacto de cada um no tempo de carregamento. Alguns aplicativos são muito leves; outros são muito pesados. Meça o impacto individual de cada um.
Mudar de tema melhora a velocidade?
Depende do tema atual e do novo. Se você tem um tema antigo pré-OS 2.0 muito personalizado, migrar para um tema moderno como o Dawn pode melhorar significativamente a velocidade. Se você já tem um tema OS 2.0 bem configurado, o impacto será menor.
Os aplicativos de compressão de imagens da Shopify funcionam?
Alguns sim, mas prefiro compactar as imagens antes de enviá-las para a Shopify usando TinyPNG ou Squoosh. Assim, tenho controle total sobre a qualidade e o peso, e não dependo de um aplicativo adicional que pode ter seu próprio impacto na velocidade.
Posso melhorar a velocidade da minha loja Shopify sem tocar no código?
Sim, e é por onde você deve começar. Otimizar imagens, desinstalar aplicativos não usados e simplificar as seções da sua página inicial são ações que não exigem código e podem ter um impacto muito significativo. As otimizações de código são o próximo nível, uma vez que você tenha esgotado as opções sem código.
