Uma loja lenta faz o cliente esperar antes mesmo de ver o produto. A boa notícia é que boa parte da lentidão vem de coisas que o próprio dono resolve: fotos pesadas, vídeos sem compressão, banners demais no topo e apps instalados e esquecidos. O resto, ligado ao tema e às integrações, pede ajuda técnica. Este guia mostra como deixar a loja virtual mais rápida em ordem de prioridade: primeiro medir, depois corrigir o que traz mais ganho com menos esforço.
O que é uma loja virtual lenta, segundo o Google
O Google mede a experiência de uma página com três indicadores chamados Core Web Vitals. Eles respondem a três perguntas simples: a página aparece rápido? Ela responde rápido quando a pessoa toca? O conteúdo fica parado ou pula na tela? Os limites abaixo vêm do web.dev, site de documentação do Google.
| Indicador | O que mede | Bom | Ruim |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Tempo até aparecer o maior elemento da tela, como o banner ou a foto do produto | Até 2,5 s | Acima de 4 s |
| INP (Interaction to Next Paint) | Rapidez da resposta a cliques e toques, como abrir o menu ou escolher um tamanho | Até 200 ms | Acima de 500 ms |
| CLS (Cumulative Layout Shift) | Quanto o layout pula enquanto a página carrega | Até 0,1 | Acima de 0,25 |
Dois detalhes importam. Primeiro, o Google avalia o percentil 75 das visitas: a página só é considerada boa se pelo menos 75% das visitas ficarem dentro do limite. Segundo, celular e computador são avaliados separadamente, e na maioria das lojas o celular é o que mais pesa. Vale saber também que o INP substituiu o antigo FID como Core Web Vital em março de 2024, segundo o anúncio do Google no web.dev. Se você leu guias antigos que falam em FID, essa parte mudou.
Como medir a velocidade da sua loja em 15 minutos
Antes de apagar qualquer coisa, descubra onde está o problema. Duas ferramentas públicas e gratuitas do Google dão conta disso: o PageSpeed Insights e o relatório Core Web Vitals do Google Search Console.
- Escolha três páginas: a inicial, uma categoria com muitos produtos e o produto mais vendido.
- Cole cada endereço no PageSpeed Insights e veja primeiro a aba Celular.
- Olhe o bloco de dados de usuários reais. Ele mostra LCP, INP e CLS das visitas dos últimos 28 dias.
- Anote qual indicador está amarelo ou vermelho em cada página.
- Desça até o diagnóstico e anote o elemento apontado como LCP, quase sempre uma imagem ou banner.
- No Search Console, abra Core Web Vitals e veja quais grupos de páginas têm problema, como produto ou categoria.
- Comece a corrigir pelo tipo de página com mais URLs ruins e mais tráfego.
O PageSpeed Insights mostra dois tipos de dado, conforme a documentação do Google for Developers. Os dados de campo vêm de pessoas reais usando o Chrome e refletem a experiência de verdade. Os dados de laboratório vêm de uma simulação feita pelo Lighthouse, a ferramenta de testes do Google, e servem para achar a causa. Como o laboratório não tem ninguém clicando, ele usa o TBT (tempo em que a página fica travada) no lugar do INP. Se a sua loja tem pouco tráfego, talvez não apareçam dados de campo; nesse caso, use o laboratório como referência.
O que você resolve sozinho em uma tarde
Quatro frentes não exigem programador: imagens, vídeos, apps e banners do topo. Elas costumam ser o primeiro lugar onde a lentidão aparece, porque crescem a cada coleção nova.
Imagens de produto e banners
Foto que sai da câmera ou do estúdio vem enorme, muito maior do que a tela do cliente consegue mostrar. Subir esse arquivo direto na loja obriga o celular a baixar peso que ninguém vê. O web.dev recomenda formatos modernos como WebP e AVIF, que geram arquivos menores que JPEG e PNG.
- Redimensione para a largura em que a imagem realmente aparece na loja, com uma folga para telas de alta resolução.
- Comprima cada foto e compare com a original. Se a diferença não aparece a olho nu, fique com a versão menor.
- Converta para WebP quando a sua plataforma aceitar o formato.
- Recorte espaços vazios em volta do produto, que só aumentam o arquivo.
- Comece pela imagem que o PageSpeed Insights apontou como elemento do LCP: é ela que mais atrasa a primeira tela.
Dá para fazer tudo isso nas ferramentas grátis da Benuv, direto no navegador: o arquivo é processado no seu computador e não é enviado para nenhum servidor. Você usa sem cadastro, com limites menores, ou cria uma conta grátis para limites maiores. Além de comprimir, há ferramentas para redimensionar, converter e recortar imagens.
Ferramenta grátisComprimir imagemFotos mais leves, sem perder nitidezUsar grátisVídeos de produto
Vídeo vende, mas é o arquivo mais pesado da página. Três cuidados resolvem a maior parte do problema:
- Troque GIF animado por vídeo MP4 ou WebM. Segundo o web.dev, o arquivo costuma ficar muito menor.
- Comprima, corte e redimensione antes de subir. Um vídeo de 15 segundos mostrando o produto rende mais que um de dois minutos.
- Remova o áudio de vídeos que tocam sem som em banners e galerias: é peso que ninguém escuta.
- Vídeos do YouTube e similares carregam um player pesado. O recomendado pelo Google é mostrar uma imagem estática que só carrega o player quando a pessoa clica.
Apps esquecidos
Cada app de chat, avaliações, pop-up, contador de estoque ou pixel de anúncio coloca um script na sua loja. O web.dev aponta scripts de terceiros entre as causas mais comuns de lentidão e de INP ruim. A tarefa da tarde é fazer uma faxina:
- Liste todos os apps instalados e pergunte: alguém usou isso no último mês?
- Desinstale os de testes antigos, campanhas encerradas e funções repetidas, como dois apps de avaliação.
- Revise os pixels e tags de marketing: muitas vezes há códigos de ferramentas que a loja nem usa mais.
- Depois de desinstalar, rode o PageSpeed Insights de novo e compare.
Banners do topo
Carrossel com cinco banners no topo da página inicial significa cinco imagens grandes disputando a primeira tela, e quase sempre o cliente só vê a primeira. Deixe um banner principal bem otimizado e leve as outras campanhas para mais abaixo na página. A barra de avisos e o pop-up que surgem na entrada também merecem revisão, porque podem empurrar o conteúdo e piorar o CLS.
O que exige mexer no tema ou na plataforma
Se você otimizou imagens, vídeos e apps e os indicadores continuam ruins, o problema provavelmente está no código. Estes são os ajustes mais comuns, todos recomendados na documentação do Google:
- Imagem principal carregando atrasada. Muitos temas aplicam carregamento sob demanda em todas as imagens. O web.dev recomenda não fazer isso com a imagem do topo, porque atrasa o LCP.
- Falta de prioridade na imagem principal. Um atributo no código avisa o navegador para baixar essa imagem antes das outras.
- Imagens sem largura e altura declaradas. Sem isso, o navegador não reserva espaço e o layout pula, o que piora o CLS.
- Imagens sem versões por tamanho de tela. O ideal é o celular receber uma versão menor que o computador.
- Scripts carregados na hora errada. Chat e avaliações podem esperar a página aparecer antes de carregar.
- Restos de apps antigos. Alguns apps editam arquivos do tema e podem deixar código para trás mesmo depois de desinstalados.
- Tema pesado. Muito JavaScript, recursos carregados em todas as páginas mesmo quando só uma usa.
Para quem usa Shopify, a plataforma publica boas práticas de desempenho para temas: pouco JavaScript, carregar só o que cada página usa e imagens responsivas. É um bom roteiro para conversar com quem cuida do seu tema.
| Problema | Quem resolve | Indicador que melhora |
|---|---|---|
| Fotos e banners pesados | Você, com ferramentas de imagem | LCP |
| Vídeos grandes ou GIFs | Você, com ferramentas de vídeo | LCP |
| Apps sem uso | Você, no painel da loja | INP e LCP |
| Carrossel no topo | Você, no editor do tema | LCP e CLS |
| Imagem principal com carregamento atrasado | Desenvolvedor, no código do tema | LCP |
| Imagens sem dimensões declaradas | Desenvolvedor, no código do tema | CLS |
| Scripts e restos de apps no tema | Desenvolvedor | INP |
| Tema pesado ou integrações lentas | Desenvolvedor ou troca de tema | Todos |
Em que ordem corrigir
A ordem abaixo prioriza o que costuma trazer mais ganho com menos esforço. Ela é uma recomendação prática a partir da documentação do Google, não uma regra oficial.
- Medir com dados de campo no PageSpeed Insights e no Search Console.
- Otimizar a imagem do LCP de cada tipo de página: tamanho, compressão e formato.
- Remover apps e scripts sem uso, incluindo pixels de campanhas antigas.
- Tratar os vídeos: comprimir, trocar GIFs e usar capa estática para players externos.
- Enxugar o topo da página inicial: um banner principal no lugar do carrossel.
- Avaliar o tema e as integrações com ajuda técnica, se os indicadores continuarem ruins.
Se o diagnóstico mostrar que a plataforma atual limita a velocidade e a troca for o caminho, planeje com cuidado para não perder posições no Google. O guia como trocar de plataforma sem perder SEO nem vendas mostra o que mapear antes da virada.
Checklist para cada nova coleção ou campanha
Loja rápida não fica rápida sozinha. Cada lançamento traz fotos novas, banners e às vezes um app novo. Repita esta lista antes de publicar:
- Fotos redimensionadas para o tamanho de exibição e comprimidas antes de subir.
- Banner da campanha otimizado e sem carrossel extra no topo.
- Vídeos comprimidos, curtos e sem áudio quando tocam em silêncio.
- Nenhum GIF animado pesado na página.
- App novo testado: rode o PageSpeed Insights antes e depois de instalar.
- Apps e pixels da campanha anterior removidos quando ela acabar.
- Página inicial, categoria e produto principal testados no celular depois da publicação.
- Relatório Core Web Vitals do Search Console conferido algumas semanas depois, já com dados reais.
Perguntas frequentes sobre velocidade de loja virtual
Perguntas rápidas
Qual nota do PageSpeed Insights é boa para uma loja virtual?
Mais importante que a nota de 0 a 100 são os três Core Web Vitals com dados de usuários reais. Pelo Google, a página é boa com LCP até 2,5 segundos, INP até 200 milissegundos e CLS até 0,1, considerando 75% das visitas. Olhe primeiro o resultado no celular.
Por que a nota muda cada vez que eu testo a loja?
A nota vem de uma simulação do Lighthouse, que varia conforme a conexão e o servidor no momento do teste. Os dados de campo, que cobrem os últimos 28 dias de visitas reais, são mais estáveis e refletem a experiência de verdade dos clientes.
Comprimir imagem deixa a foto do produto com qualidade pior?
Depende do nível de compressão. Na maioria das fotos de produto dá para reduzir bastante o arquivo sem diferença visível. Compare a versão comprimida com a original na tela do celular e fique com a menor que ainda parece igual.
Desinstalar um app deixa a loja mais rápida?
Geralmente sim, porque o script dele deixa de carregar. Mas alguns apps editam arquivos do tema e podem deixar código para trás mesmo depois de desinstalados. Rode o PageSpeed Insights antes e depois; se nada mudar, vale pedir a um desenvolvedor para revisar o tema.
Quando o problema de velocidade exige ajuda técnica?
Quando imagens, vídeos, apps e banners já foram otimizados e os indicadores continuam ruins. Aí as causas costumam estar no tema, nos scripts ou nas integrações. A Benuv oferece um diagnóstico gratuito para apontar o que corrigir primeiro.
As ferramentas da Benuv enviam minhas fotos e vídeos para algum servidor?
Não. As ferramentas de imagem e vídeo da Benuv processam o arquivo no próprio navegador. Dá para usar sem cadastro, com limites menores, ou criar uma conta grátis, sem cartão, para ter limites maiores.
