7 maneiras de otimizar a velocidade da sua loja Shopify

Quase 1/4 dos visitantes sai do site se demorar mais de 4 segundos para carregar. 46% deles nunca retornam ao site devido ao baixo desempenho do site. Um site lento leva a uma experiência ruim do cliente e afasta os clientes.

Você esperaria 15 segundos apenas para o site carregar seu conteúdo? Você sai instantaneamente do site e procura outras lojas. Assim, um site lento dificulta o tráfego do site e aumenta a taxa de rejeição. Ambos impactam negativamente a base de clientes em potencial.

A velocidade do site não é apenas manutenção técnica. Isso influencia diretamente na receita. Então, como corrigimos a velocidade do site da sua loja da Shopify? Hoje, veremos 7 dicas para otimizar a velocidade do site da sua loja Shopify.

1. Otimização de Imagem
2. Analise aplicativos de terceiros
3. Implementar AMP (Accelerated Mobile Pages)
4. Escolha os temas e recursos certos
5. Carregadores preguiçosos
6. Evite pop-ups
7. Reduza redirecionamentos e links quebrados
8. Referência de velocidade do site da loja da Shopify

Shopify fornece uma pontuação de velocidade do site no próprio painel. Essa pontuação mede a velocidade de carregamento do seu site com base nas métricas de desempenho do Google lighthouse. Uma pontuação média de velocidade do site Shopify é 50. Qualquer coisa acima de 70 é uma ótima pontuação de velocidade.

Caso a pontuação do seu site esteja abaixo de 50, você deve usar essas táticas para melhorar o desempenho do site. Além disso, você deve obter ajuda profissional para nuances técnicas, como minificar scripts Java e HTML ou CSS e Javascript de bloqueio de renderização. Os sites da Shopify funcionam muito em HTML, CSS, Javascript, etc., o que torna o site mais lento. Portanto, se nenhuma das dicas mencionadas abaixo funcionar, verifique seus códigos e o back-end do site.

1. Otimização de Imagem

Comece com o básico: imagens. Imagens de alta resolução podem diminuir a velocidade do site. E se sua loja tiver várias imagens, gráficos e vídeos em HD, seu site ficará muito atrasado. Aqui estão 5 maneiras de otimizar imagens e melhorar a velocidade do site:

Carregar imagens compactadas

Eles reduzem o tamanho do arquivo e carregam no site. No entanto, certifique-se de seguir as dimensões de imagem especificadas para evitar imagens de baixa qualidade.

Evite controles deslizantes e opte por um layout de herói

Apenas 1% dos visitantes passam por controles deslizantes. Portanto, em vez de optar por 4-7 imagens HD, use 1 imagem de alta resolução.

Evite GIFs ou vídeos.

Se o seu produto exigir várias imagens, opte por 3-4 imagens de alta resolução. Um GIF ou vídeo de alta qualidade pode demorar muito para carregar no sistema do visitante.

Use um carregador diferido

Caso não seja possível dispensar o upload de muitas imagens, vídeos ou GIFs, neste caso, o site carrega apenas o conteúdo disponível na tela do usuário. Portanto, enquanto o usuário não abrir o controle deslizante ou acessar o vídeo, ele não será carregado. Como resultado, não apenas o carregamento de conteúdo limitado, mas o site funciona mais rápido.

Atenha-se a imagens estáticas

Em vez de GIFs ou vídeos, eles economizam a carga no site e melhoram significativamente a velocidade.

2. Analise aplicativos de terceiros

A instalação de um aplicativo de terceiros é uma prática padrão para os proprietários de lojas da Shopify. Eles os adicionam para melhorar o desempenho, adicionando recursos, automação e muito mais. No entanto, obter muitos aplicativos também afeta o código. Isso leva à velocidade lenta. Então?

• Identifique os aplicativos que não servem para nada e são inúteis.
• Desinstale esses aplicativos. Caso determinados recursos do aplicativo sejam ineficazes, remova-os.
• Desabilitar recursos ou desinstalar aplicativos não remove a integração de código. Então, você precisa removê-los manualmente.

Remova os aplicativos não utilizados. Além disso, procure alternativas aos aplicativos que interferem na velocidade do site.

3. Implementar AMP (Accelerated Mobile Pages)

Em 2020, 61% do tráfego do site veio de dispositivos móveis nos EUA. Mais da metade dos usuários estão verificando sua loja a partir de telefones. Mas, o telefone demora mais para carregar um site normal em um PC. Portanto, otimizar seu site para telefones não é negociável.

Sua equipe técnica pode ajudá-lo com a otimização para dispositivos móveis. No entanto, você pode adicionar alguns aplicativos do diretório de aplicativos de terceiros da Shopify ao DIY. Aplicativos como FireAMP e Shopsheriff ajudam no AMP. Leva um tempo considerável para configurá-los. No entanto, você pode atingir um público muito maior ao fazer isso.

4. Escolha os temas e recursos certos

Shopify tem uma vasta biblioteca de temas, recursos e fontes. Estes aprimoram o design do seu site para torná-lo atraente. No entanto, com cada tema/recurso adicional, o site fica mais lento.

• Certifique-se de adicionar um tema responsivo . Verifique se o tema diminui a velocidade do site e substitua-o.
• Analise se todos os recursos adicionados são usados ​​ou não. No caso, se um recurso não tem valor, remova/desative-o.
• Opte por fontes do sistema : Mono, Serif e Sans-serif. Evite fontes extravagantes que o sistema do usuário precisa baixar primeiro. Nesses casos, leva muito tempo para baixar a fonte, carregar a fonte e carregar o site. Embora Shopify ofereça muitas opções de fontes, manter as fontes básicas do sistema funciona bem.

Todos os temas e recursos são pesados ​​em CSS/HTML, o que afeta a velocidade do site. Escolha-os com sabedoria e evite elementos desnecessários.

5. Carregadores preguiçosos

O carregamento lento é uma técnica de otimização em que a página carrega apenas conteúdo limitado. Se o usuário estiver em uma determinada parte da loja/site, ele carrega apenas essa parte específica. É semelhante ao carregamento de vídeo adiado. A menos que não seja necessário, a página carregará apenas elementos com os quais o usuário se envolver.

É eficaz para lojas que adicionam muitas imagens, vídeos, GIFs e outros arquivos pesados. Ele pode economizar um tempo de carregamento considerável e aumentar a velocidade do site.

6. Evite pop-ups

Os pop-ups são cruciais para as empresas destacarem produtos informativos ou boletins informativos. Eles ajudam o conteúdo específico a estar no centro das atenções para atrair mais atenção. No entanto, eles reduzem a velocidade do site e afetam a experiência do usuário.

• Fuja com grandes pop-ups que ocupam a página inteira. Eles aumentam o tempo de carregamento e levam a atrasos/congelamentos do site. Além disso, pode ser frustrante para o usuário obter um pop-up que cubra toda a página.
• Use pop-ups em páginas específicas de alto valor. Você não precisa adicionar pop-up em cada página de site/loja. Analise o requisito e use-o de acordo.
• Mostre um pop-up após alguns segundos de um usuário pairando em seu site. Um usuário que entra e sai do seu site não se envolveria com seu pop-up. Portanto, adicione um pop-up após 7 a 15 segundos do acesso do usuário à sua loja. Eles são mais eficazes e têm uma melhor taxa de cliques.

7. Reduza redirecionamentos e links quebrados

Uma loja pode ter vários redirecionamentos ou links quebrados. No entanto, eles atrasam o site e a velocidade reduz significativamente. Você pode corrigir isso diretamente no painel da Shopify fazendo um redirecionamento 404.

Como alternativa, você pode adicionar um redirecionamento 301 que leva o usuário a um novo URL. Além disso, você pode remover esses links com a ajuda da equipe técnica. Eles removeriam quaisquer links quebrados e reduziriam os redirecionamentos.

Além de todas essas dicas, você pode usar o gerenciador de tags do Google para otimizar a loja. Você migra seu código para a ferramenta, o que ajuda a carregar todo o código de forma assíncrona. Do aspecto técnico, existem muitas maneiras de melhorar a velocidade da loja. Isso pode significar a redução do HTML/CSS, bloqueio de renderização, remoção de códigos desnecessários e migração.

Mas, quanto seu site deve demorar em média para carregar? Vejamos alguns benchmarks.

8. Referência de velocidade do site da loja da Shopify

Uma boa velocidade da loja Shopify, disponível no painel, é qualquer coisa acima de 50. Mas existem outras ferramentas que você pode implantar para verificar a velocidade do seu site.

Um site médio leva cerca de 3,8 segundos para carregar a primeira imagem e 22,1 segundos para se tornar interativo. Seu site demora mais? Verifique a velocidade de carregamento do site para sua loja da Shopify.

Aqui está um gráfico que demonstra as médias e os melhores benchmarks de velocidade da loja Shopify.

Além disso, você também pode verificar a velocidade do seu site aqui.

Ao usar esses sites, execute o teste três vezes para obter uma imagem clara. Use médias a partir daí, mas não dependa de um único teste. Isso garante melhores resultados e uma visão clara da velocidade da loja.

Perguntas frequentes

Qual é a melhor velocidade para a loja Shopify?

A pontuação de velocidade da Shopify é refletida no próprio painel. As lojas devem tentar obter uma pontuação acima de 50. Uma pontuação de velocidade de 70 é considerada ótima para a loja Shopify.

Quais são os itens mais comuns que tornam um site lento, especificamente um site da Shopify?

Os itens mais comuns que afetam a velocidade da loja são imagens e códigos de back-end pesados. Imagens, vídeos e GIFs de alta resolução demoram para carregar e se tornar interativos. Por outro lado, temas, recursos e aplicativos de terceiros aumentam o código do site, o que diminui a velocidade da loja.