Otimize a sua loja virtual

Muito bem, criou a sua loja virtual. Você tem todos os seus produtos configurados e o seu branding está bem definido. Nesta fase, você pode pensar que não há mais nada a fazer para melhorar a experiência da sua loja virtual.

Mas… considerou a velocidade do seu site? É um fator importante frequentemente negligenciado pelos proprietários de lojas virtuais. Se otimizar a velocidade do seu site, você irá melhorar algumas métricas-chave, como a taxa de rejeição, a taxa de conversão, entre outras.

Como empresa de e-commerce, é importante avaliar regularmente a pontuação de otimização do seu site. Se outras lojas virtuais do seu setor tiverem um site mais rápido do que o seu, isso diminui a sua classificação comparativa. Isso impacta diretamente o seu SEO.

Que fatores impactam a velocidade do seu site?

Vários fatores afetam a velocidade do seu site, incluindo os seguintes:

• Código do tema
• Quantidade e tamanho das imagens e vídeos
• Serviços de terceiros

Melhores práticas

Temas da Jumpseller otimizados para a velocidade do seu site

Embora todos os nossos temas ofereçam um ótimo desempenho tanto em celulares como em computadores, existem alguns temas que são ligeiramente mais otimizados para a velocidade.

Se você pretende ter uma loja virtual com um design menos intrincado e focado numa experiência de uso mais rápida, deve considerar o uso dos seguintes temas:

• Simple

• Mega

• Wide

Use o serviço JumpDesign se pretender fazer uma personalização mais aprofundada do seu tema ou se não tiver experiência na edição de temas.

Otimização de imagens

Comprima e otimize as imagens do seu site para reduzir o tamanho dos arquivos sem comprometer a qualidade. Isso pode melhorar significativamente o tempo de carregamento das páginas.

Uma das melhores práticas é usar o formato webp ao carregar as suas imagens. O webp é o formato ideal para manter um tamanho de imagem reduzido sem comprometer a resolução. Por exemplo, as imagens relacionadas com o design nas páginas principais do site, como o exemplo abaixo, devem estar no formato webp:

Você pode usar estas ferramentas gratuitas, que empregam diferentes técnicas para otimizar imagens mantendo a qualidade visual:

1. Bulk Resize (Recomendada! Esta ferramenta comprime imagens em formatos como PNG e JPEG, reduzindo o tamanho do arquivo sem perda perceptível de qualidade.)

2. Image Compressor

3. Webp Converter

Usar o Lighthouse para tornar o seu site mais rápido

O Lighthouse é uma ferramenta muito útil que oferece dicas para tornar o seu site mais rápido. Realiza uma verificação rápida de várias categorias, indica exatamente o que está em falta e fornece um relatório com sugestões práticas para melhorias. Ao contrário do PageSpeed Insights, o Lighthouse audita todo o seu site e não apenas uma página específica. E o melhor de tudo é que funciona diretamente dentro das Chrome DevTools.

1. Abrir as Chrome DevTools

Numa janela de navegação anônima, abra o seu site. Clique com o botão direito do mouse em qualquer parte da tela e selecione “Inspecionar”. Isso irá abrir as Chrome DevTools.

2. Acessar o Lighthouse a partir do seu navegador

No menu superior, acesse o Lighthouse. Caso não encontre a opção, clique nas duas setas para a frente.

3. Executar um teste de diagnóstico

Você irá ver um painel com categorias de teste (categories) e opções de dispositivos (device). Você deve executar um teste tanto para celulares como para computador (as pontuações frequentemente diferem com base nos dispositivos). Além disso, é recomendado executar o teste pelo menos algumas vezes antes de analisar os resultados e as recomendações.

4. Rever pontuações

Após a auditoria ter terminado para o seu site, você deverá ver as pontuações para todas as categorias da seguinte forma.

Se a sua pontuação estiver dentro do intervalo de 90 a 100, isso sugere que a sua página foi otimizada efetivamente para melhorar a experiência do usuário. O objetivo deve ser aproximar a sua pontuação de 90. Você também pode comparar as pontuações com as de um concorrente, certificando-se de que tem uma classificação melhor do que eles. Para saber mais sobre as pontuações de desempenho e categorias do Lighthouse, consulte este artigo.

5. Implementar feedback

Você também irá ver métricas detalhadas para cada categoria separadamente, seguidas de algumas recomendações do Google onde são identificadas oportunidades de melhoria.

Por exemplo, neste caso, os tamanhos das nossas imagens não estão no formato e tamanho ideais, o que está tornando o site significativamente mais lento. Vamos usar as ferramentas de compressão e conversão de imagens mencionadas na seção anterior, otimizar as imagens destacadas e carregá-las novamente na loja.

6. Executar o teste novamente

Uma vez que tenha aplicado as recomendações, você pode executar a análise novamente e deverá verificar uma melhoria significativa nas suas pontuações.

Existem aplicações que podem tornar o seu site mais lento?

Em alguns casos é possível que você tenha instalado aplicações pequenas do tipo widget, que ocupam facilmente uma grande quantidade de memória, o que pode tornar o carregamento do seu site mais lento para os usuários. Recomenda-se que tente desativar essas aplicações. Por exemplo, as aplicações de pop-up ou de chat ao vivo podem causar esse problema em alguns casos.

Uma forma fácil de verificar isso é abrir as Chrome DevTools no seu site (certifique-se de fazê-lo em modo de navegação anônima, pois as extensões do seu navegador podem interferir nos resultados). Para abrir as DevTools, basta clicar com o botão direito e selecionar “Inspecionar”.

Na aba de resultados que se abre, vá para o painel Network e clique em Size (tamanho) para ordenar os itens do maior para o menor. Aqui você poderá verificar facilmente se existem aplicações que possam estar afetando o desempenho.

Estamos aqui para ajudar, por isso, se tiver alguma dúvida, você pode entrar em contato a qualquer momento.