Apps Shopify Deixando Sua Loja Lenta? Como Auditar e Limpar

Sim, apps Shopify podem deixar uma loja lenta, e a causa não é o número de apps em si, mas o que eles carregam na vitrine: scripts externos, arquivos CSS e requisições a outros servidores que rodam em todas as páginas, quer você use a função ou não. Pior: desinstalar um app nem sempre remove o que ele deixou para trás. Este artigo explica como medir o impacto de cada app, como limpar o código que sobra, a diferença entre apps que são desinstalados de forma limpa e os que deixam resíduos, e o método de auditoria que seguimos na E-SAFQA.

Como um app realmente deixa a loja lenta

A vitrine que o cliente vê é construída a partir dos arquivos do tema. Quando você instala um app que precisa aparecer na página (um botão, um pop-up, avaliações, um contador), ele adiciona código de uma de três formas:

Método	Como funciona	Impacto na velocidade	Removido na desinstalação?
Theme App Extensions (moderno)	Blocos e embeds exibidos no editor do tema em App blocks e App embeds	Carrega apenas onde está ativado; pode ser desligado	Sim, automaticamente
Script Tags (legado)	Um script externo injetado em todas as páginas	Carrega em todas as páginas, independentemente da necessidade	Depende do app
Edição direta dos arquivos do tema (o mais antigo)	O app escreve no theme.liquid ou adiciona arquivos	O código fica permanentemente	Geralmente não

A Shopify encerrou a capacidade dos apps de editar arquivos do tema diretamente em temas modernos e empurrou os desenvolvedores para as Theme App Extensions, mas lojas que rodam há anos ainda carregam resíduos dos dois métodos mais antigos. O maior problema está no celular: scripts externos atrasam a interação com a página, que é exatamente o que os Core Web Vitals para lojas Shopify medem.

Passo um: meça a linha de base antes de mudar qualquer coisa

Não comece apagando. Comece medindo, para saber o que você está realmente melhorando:

1. Abra o PageSpeed Insights e teste três páginas: a home, uma página de coleção e uma página de produto. Registre os resultados no celular, já que a maioria dos visitantes de lojas na Arábia Saudita e nos Emirados navega pelo telefone.
2. Anote o largest contentful paint (LCP), o interaction to next paint (INP) e o cumulative layout shift (CLS).
3. No relatório “reduza o impacto de código de terceiros” do PageSpeed, anote os domínios externos que estão sendo carregados. Cada domínio geralmente corresponde a um app.
4. Abra as ferramentas de desenvolvedor do navegador (aba Network), filtre por JS e ordene por tamanho. Os scripts maiores são seus primeiros suspeitos.

Passo dois: desative os apps um de cada vez

Abra o editor do tema, depois as configurações do tema e então App embeds. Você verá os apps modernos que carregam código. Desative um, salve, teste novamente a página de produto e registre a diferença. Repita para cada app. Esse método é mais preciso do que qualquer ferramenta de estimativa porque mede a sua loja com o seu tema e as suas imagens reais.

Dica: rode o teste em um tema duplicado, não no tema ativo, para que os clientes não sejam afetados durante a auditoria. E não meça no pico de uma campanha de anúncios, já que picos de tráfego distorcem os resultados.

Passo três: o que fazer com cada app

Após a auditoria você terá três grupos:

• Útil e leve: mantenha.
• Útil, mas pesado: procure uma alternativa construída com Theme App Extensions ou restrinja onde ele carrega (muitos apps permitem exibir seu código apenas em páginas específicas).
• Sem uso: desinstale e depois limpe o que ficou.

A regra que repetimos no nosso guia dos melhores apps Shopify para lojas árabes: um app por função. Dois apps de avaliações ou três apps de pop-up significam três vezes mais código para uma única função.

Passo quatro: limpe o código que sobrou após desinstalar

É aqui que o maior problema se esconde em lojas mais antigas. Depois de desinstalar um app:

1. Abra o editor de código do tema e procure no theme.liquid pelo nome ou domínio do app. Você frequentemente encontrará uma tag <script> ou <link> apontando para o servidor do app.
2. Procure nas pastas snippets e assets por arquivos com o nome do app.
3. Procure em sections e templates por chamadas {% render %} ou {% include %} aos arquivos do app.
4. Apague o que encontrou depois de fazer backup do tema, e teste as páginas principais após cada exclusão.

Nunca apague uma linha que você não entende. Em caso de dúvida, comente a linha primeiro em vez de apagar, e observe a loja por um dia inteiro. Se o tema está cheio de anos de resíduos, às vezes é mais barato migrar para uma cópia limpa do tema e refazer as configurações, o que discutimos no guia de otimização de velocidade da Shopify.

As categorias de apps que mais prejudicam a velocidade

Nas nossas auditorias de lojas, estas categorias aparecem repetidamente entre os scripts mais pesados:

• Pop-ups e barras de anúncio: carregam em todas as páginas e causam deslocamentos de layout.
• Widgets de chat multicanal: alguns carregam arquivos grandes antes mesmo de o cliente clicar.
• Widgets antigos de avaliações: carregam todas as avaliações de uma vez em vez de carregar ao rolar.
• Rastreamento duplicado: um Pixel instalado duas vezes, uma pelas configurações da Shopify e outra por um app.
• Apps de moeda e tradução que reescrevem a página: alteram o texto após o carregamento, causando um piscar e um atraso.

Apps que trabalham em segundo plano apenas pela Admin API, como ferramentas de edição de preços e sincronização, não adicionam nada à vitrine. Nosso app SalePilot, por exemplo, executa as alterações de preço em segundo plano e carrega apenas o contador regressivo na página, como uma extensão leve e somente enquanto uma promoção está ativa.

Prevenção: regras antes de instalar qualquer app novo

• Leia na página do app como o código dele carrega: uma menção a Theme App Extensions ou App embeds é um bom sinal.
• Instale-o primeiro em um tema duplicado e meça a página antes e depois.
• Ative o código apenas nas páginas que precisam dele, se o app permitir.
• Adicione uma revisão mensal de apps ao seu checklist de lançamento da loja Shopify e à rotina pós-lançamento.

O método de auditoria que seguimos

Quando assumimos uma nova loja para gestão de anúncios ou trabalho de conversão, começamos com uma auditoria de velocidade que inclui: testar as três páginas no celular, listar cada script externo e associá-lo a um app, o teste de desativação um a um em um tema duplicado, a limpeza de resíduos e, por fim, uma nova medição e a documentação da diferença. Velocidade não é um objetivo em si; ela faz parte da otimização da taxa de conversão: mesmo tráfego, mais pedidos.

Da nossa experiência

Na Xmart, uma loja de eletrônicos na Jordânia, fizemos uma auditoria de desempenho do tema Xtra com correções de velocidade como parte do nosso trabalho de anúncios, porque o custo por pedido sobe quando a página é lenta, por melhor que seja a campanha. Para lojas que migramos de outras plataformas ou construímos do zero, entregamos o tema sem scripts excedentes e definimos a lista de apps desde o início, para que o lojista não comece a vida na Shopify com uma loja sobrecarregada.

Conclusão

Apps Shopify deixam uma loja lenta quando carregam scripts em todas as páginas ou deixam código para trás após a desinstalação. A cura é metódica: meça a linha de base, desative os apps um de cada vez em um tema duplicado, remova o que não é usado, limpe os resíduos dos arquivos do tema e prefira apps construídos com Theme App Extensions. Se quiser uma auditoria completa da velocidade e da lista de apps da sua loja, envie o link da sua loja pelo WhatsApp.