Performance e tempo de carregamento
imagens bem dimensionadas e cache correto reduzem o carregamento da vitrine e a taxa de abandono.
Por que o tempo de carregamento importa
Páginas lentas reduzem a taxa de conversão. Cada segundo adicional de carregamento aumenta a taxa de abandono do checkout — especialmente em dispositivos móveis com conexões mais lentas. Otimizar a performance da loja é uma forma direta de melhorar as vendas sem mudar o catálogo.
Principais causas de lentidão
| Causa | Impacto | Como corrigir | |---|---|---| | Banners com resolução muito alta | Alto — imagem de 8 MB atrasa toda a página | Redimensionar para 1920×400 px e exportar em WebP ou JPEG otimizado | | Thumbnails de curso pesadas | Médio — afeta o carregamento do catálogo | Usar 1280×720 px, máximo 500 KB | | Muitos banners rotativos | Médio — cada banner é uma requisição extra | Limitar a 3–5 banners por carrossel | | Scripts de terceiros sem GTM | Alto — cada script bloqueia o carregamento | Consolidar tudo no GTM e remover scripts avulsos | | Vídeo de fundo na página inicial | Alto — vídeo carrega antes do conteúdo | Substituir por imagem estática ou usar vídeo com `loading="lazy"` |
Especificações de imagem recomendadas
| Imagem | Dimensão | Formato | Tamanho máximo | |---|---|---|---| | Banner da loja | 1920×400 px | WebP ou JPEG | 300 KB | | Logotipo | 400×200 px | PNG (com transparência) ou SVG | 100 KB | | Thumbnail do curso | 1280×720 px | WebP ou JPEG | 500 KB | | Capa do curso (interna) | 1920×400 px | WebP ou JPEG | 300 KB | | Imagem de fundo | 1920×1080 px | WebP ou JPEG | 400 KB |
Como testar a performance da loja
- Acesse PageSpeed Insights e insira a URL da sua loja
- O Google retorna uma pontuação de 0–100 para mobile e desktop
- A seção Oportunidades lista os itens com maior impacto no carregamento
- Corrija os itens priorizados e teste novamente
Metas recomendadas:
- Mobile: acima de 60
- Desktop: acima de 80
O que a evob já faz automaticamente
- Compressão de imagens no upload (redução sem perda de qualidade visual)
- CDN global para entrega de imagens e arquivos estáticos
- Cache de páginas estáticas
- Lazy loading de imagens fora da área visível
Você não precisa configurar essas otimizações — elas estão habilitadas por padrão.
Boas práticas
✅ Faça
- Comprima as imagens antes de fazer upload usando Squoosh (squoosh.app), TinyPNG ou similar
- Prefira o formato WebP ao JPEG e PNG quando possível — mesma qualidade, arquivo menor
- Teste a loja em 3G no modo desenvolvedor do Chrome antes de publicar para simular a experiência em conexões lentas
❌ Não faça
- Fazer upload direto de imagens de câmera ou exportação de design sem redimensionar — arquivos de 5–20 MB prejudicam toda a página
- Adicionar scripts de chat, analytics ou pixels diretamente no HTML da loja (se a opção existir) — use sempre o GTM para consolidar
- Ignorar o resultado do PageSpeed porque "a loja parece rápida no meu computador" — sua conexão cabeada e cache local não representam a experiência do aluno médio
Erros comuns
"A nota no PageSpeed é baixa mas a loja parece rápida para mim"
Você provavelmente está acessando com cache já carregado e em uma conexão rápida. O PageSpeed simula dispositivos de mid-range com conexão 4G. Limpe o cache e acesse em aba anônima para uma leitura mais próxima da realidade.
"Comprimí as imagens mas o PageSpeed ainda aponta imagens pesadas"
Verifique se as imagens pesadas são as que você enviou para a loja ou são scripts de terceiros (vídeos do YouTube, widgets externos). O PageSpeed aponta todos os recursos — não só as imagens da loja.
"Os banners ficaram pixelados depois de comprimir"
A compressão excessiva reduz a qualidade visual. Reduza a compressão (aumentar a qualidade para 80–85% no Squoosh) e verifique se o tamanho final ainda é aceitável. Uma boa regra: banner de 300 KB com boa qualidade é melhor do que banner de 100 KB pixelado.
"A loja ficou mais lenta depois de adicionar o chat ao vivo"
Ferramentas de chat carregam scripts adicionais. Adicione o script de chat via GTM e configure-o para carregar de forma diferida (após o carregamento da página principal). A maioria das ferramentas de chat tem instruções específicas para isso.
Próximos passos
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-06