As melhores dicas de aumento de velocidade para Shopify Stores

O tempo de carregamento da página nunca foi tão importante. Os usuários abandonam cada vez mais sites a cada segundo que uma página leva para carregar. Isso vale tanto para as lojas Shopify quanto para qualquer outro site.

As lojas Shopify estão em alta. A receita total das lojas Shopify subiu para US$ 151,7 milhões no segundo trimestre de 2017. Isso representa um aumento de 75% em relação ao segundo trimestre de 2016.

As pessoas estão recorrendo às lojas Shopify para suas soluções de comércio eletrônico em massa. Isso tem muito a ver com a facilidade de uso e configuração das lojas Shopify.

As lojas Shopify são tão fáceis e rápidas de configurar, que muitos empresários e empreendedores mergulham sem muito treinamento, em negócios ou em tecnologia. Desenvolver um negócio requer uma mentalidade muito diferente de ser um desenvolvedor web, no entanto.

Você precisará ser um pouco dos dois para aproveitar ao máximo suas lojas da Shopify. Ajudaremos suas lojas do Shopify a carregar na velocidade da luz com nosso guia para aumentar o tempo de carregamento da sua loja do Shopify!

Um guia para o tempo de carregamento da página das lojas da Shopify

Para começar, veremos por que você deve considerar as lojas Shopify para suas soluções de comércio eletrônico. Existem muitas soluções de e-commerce no mercado. Você deve certificar-se de que as lojas da Shopify são as melhores para suas necessidades antes de começar a otimizar seu site.

Por que Shopify?

Saber quais soluções de comércio eletrônico são adequadas para você se resume em grande parte às preferências e gostos pessoais. Não existe comércio eletrônico 'fora da caixa'. Tudo depende de suas necessidades particulares.

Ainda assim, existem algumas razões pelas quais as lojas Shopify são um favorito universal para empresários novos e estabelecidos.

As lojas do Shopify são baratas e fáceis

Shopify é uma das maneiras mais rápidas de colocar um negócio de comércio eletrônico em funcionamento. As lojas da Shopify não exigem taxas extras de hospedagem ou servidor. Eles também não exigem muito conhecimento de programação para serem totalmente funcionais.

As lojas Shopify permitem que você se concentre em administrar seu site de comércio eletrônico em vez de se tornar um desenvolvedor web em tempo integral.

Shopify é totalmente personalizável

As lojas Shopify são quase tão flexíveis quanto possuir seu próprio domínio da web. Eles são ainda mais flexíveis para pessoas que ainda são novas em web design e desenvolvimento.

A loja de temas da Shopify oferece uma ampla variedade de temas personalizados para sua loja da Shopify. Existem extensas opções de temas personalizados, com preços que variam de grátis a centenas de dólares.

Para aqueles que estão um pouco mais à vontade com a codificação, os temas personalizados geralmente podem ser modificados para atender às necessidades do seu site.

Shopify pode alimentar outros sites

Shopify é um mecanismo de comércio eletrônico. Como outras soluções de comércio eletrônico, Shopify pode ser usado para lidar com o aspecto comercial de qualquer site, desde que você tenha acesso ao código-fonte.

Todos os componentes do Shopify são projetados por uma empresa, portanto, as peças tendem a ser intercambiáveis. Pense na Apple como um exemplo de como o software modular pode trabalhar em conjunto. Os sites desenvolvidos pela Shopify são sincronizados facilmente entre si, para que nada se perca na confusão.

Shopify é amigável para SEO

SEO e marketing de mecanismos de busca estão sempre mudando. As atualizações do Google vêm como Velozes e Furiosos como sequências da franquia de filmes. Os percalços de SEO também podem ser mais perigosos do que um Tokyo Drift, se você não for cuidadoso.

Algumas áreas em que as lojas da Shopify otimizam o conteúdo para SEO incluem:

• Meta títulos

• Títulos de página

• Mapa do site

• URLs personalizáveis

• páginas de redirecionamento 301

• Robots.txt

As lojas da Shopify acompanham as atualizações de SEO mais recentes, para que você não precise fazer isso. Eles facilitam a classificação nos mecanismos de pesquisa, seguindo as melhores práticas atuais de SEO.

Suporte técnico 24 horas por dia, 7 dias por semana

Tempo é dinheiro. Isso significa que tempo perdido é dinheiro perdido. Cada segundo seu site é um momento em que você pode estar ganhando.

As lojas Shopify experimentam o benefício do suporte técnico contínuo. Se o seu site ficar inativo no meio da noite, alguém pode ajudá-lo a voltar a ficar online o mais rápido e sem dor possível.

Agora que analisamos alguns motivos pelos quais você deve considerar as lojas Shopify para suas necessidades de comércio eletrônico, vamos aprender como fazê-las carregar o mais rápido possível.

Como acelerar o tempo de carregamento da página da Shopify

Cada segundo adicional do tempo de carregamento da sua página aumenta a taxa de rejeição. Aumentar o tempo de carregamento da página de 1 para 3 segundos aumenta a taxa de rejeição em 32%. O tempo de carregamento da página aumentando de 1 para 5 segundos aumenta a taxa de rejeição em impressionantes 90%.

Aqui estão alguns métodos para acelerar sua loja da Shopify.

Faça uma avaliação do local

O Google tem enfatizado cada vez mais o tempo de carregamento da página como uma de suas métricas de SEO. A ferramenta PageSpeed ​​Insights do Google é um ótimo lugar para começar a ver como sua Shopify se sai de acordo com os requisitos atuais do Google.

Algumas áreas que o Google analisa para o desempenho do tempo de carregamento incluem:

• Otimização de imagem

• Folhas de estilo CSS

• JavaScript

• Redirecionamentos

• Cache do navegador

• Compressão Gzip

A Ferramenta PageSpeed ​​Insights analisa sites para versões para celular e desktop. É um ótimo lugar para começar, para ver como seu site da Shopify aparece para seus clientes.

O Google também recomenda outra ferramenta gratuita, Test My Site . Você nunca pode ter muitos insights para sua loja Shopify!

É claro que os insights só são úteis quando são acionáveis ​​e compreensíveis. GtMetrix é outro recurso gratuito que analisa o tempo de carregamento da página das lojas. Seu site recebe um resultado graduado, de A a F. Até mesmo um aluno do jardim de infância pode entender essas métricas!

Otimizar para dispositivos móveis com páginas móveis aceleradas

Os usuários móveis são ainda mais exigentes do que os navegadores de desktop quando se trata de tempo de carregamento da página. Shopify pode demorar ainda mais para carregar em dispositivos móveis do que em desktops, criando um ciclo de feedback terrível que corre o risco de perder seu público.

51% da taxa de rejeição de um site tende a vir de dispositivos móveis. Isso é mais alto do que desktops e tablets. Mais uma razão para implementar páginas móveis aceleradas (AMPs). AMPs é uma estrutura digital projetada para acelerar os tempos de carregamento de páginas móveis.

Shopify percorreu um longo caminho no ano passado ao fornecer um AMP valioso para a experiência de comércio eletrônico. A solução mais bem avaliada é o AMP by Shop Sheriff, que possui um plano gratuito generoso e permitirá que você AMP todos os produtos em sua loja sem custo.

O aplicativo AMP também oferece algumas integrações notáveis ​​com recursos específicos de comércio eletrônico, incluindo análises de produtos, um botão “compre agora” ou uma opção “adesivo” para adicionar ao carrinho para uma sensação mais semelhante a um aplicativo. O personalizador de modelos do AMP by Shop Sheriff permite que você visualize as alterações em suas páginas AMP em tempo real, tornando relativamente fácil ajustar e editar seus modelos AMP para corresponder à sua marca.

Outra solução popular é o FireAMP, que pode ser instalado por uma taxa fixa. Ambos os aplicativos têm avaliações gratuitas e um botão liga/desliga fácil para ativar ou desativar o AMP para seu site de comércio eletrônico, para que você tenha certeza de que está confortável com suas páginas AMP antes de fazer qualquer alteração em sua loja.

Ambos os aplicativos gratuitos apresentam classificações de quatro estrelas na loja de aplicativos da Shopify. Se você deseja uma abordagem mais prática para otimizar sua loja da Shopify para dispositivos móveis, a API da Shopify está disponível para desenvolvedores da Web e de aplicativos.

Comprima suas imagens

Shopify suporta vários formatos de arquivo de imagem.

Os formatos de arquivo de imagem suportados pela Shopify incluem:

• JPG
• JPG progressivo
• PNG
• GIF

A otimização de imagem é uma das maneiras mais simples de acelerar o tempo de carregamento da página da sua loja Spotify. Além disso, lembre-se de não apresentar muitas imagens em uma página específica.

Existem várias maneiras de otimizar as imagens em sua loja da Shopify. TinyPng.com é um recurso web gratuito para otimizar arquivos .png e .jpg. Ele pode reduzir a largura de banda do seu site em até 71%.

TinyPng.com pode resultar em perda de qualidade de imagem, no entanto. Crush.pics é um aplicativo gratuito que permite otimizar suas imagens sem sacrificar a qualidade da imagem.

ImageOptimizer é outro ótimo aplicativo que otimiza imagens sem perder qualidade. Está disponível por uma pequena taxa mensal.

Use um tema eficiente

Nem todo site precisa de todos os sinos e assobios concebíveis. Se você deseja hospedar um site de comércio eletrônico simples e básico, um tema simples do Shopify deve atender às suas necessidades.

Fique de olho nos tempos de carregamento da página e na capacidade de resposta ao selecionar um tema da Shopify. Certifique-se de verificar a versão mais recente . Depois de atualizar para a versão mais recente, verifique a visualização ao vivo para ver como ficará em tempo real.

Mantenha os aplicativos no mínimo

Cada aplicativo que você baixa da loja de aplicativos da Shopify adiciona um pouco de script JavaScript/CSS à sua loja da Shopify. Esse script permanece mesmo se você não estiver usando o aplicativo. Isso pode diminuir significativamente o tempo de carregamento da página.

Restrinja os aplicativos que você usará ao mínimo. Além disso, certifique-se de revisar sua lista de aplicativos de tempos em tempos. Remova todos os aplicativos que você não está mais usando. Isso também deve remover o código em excesso.

Reduza a quantidade de solicitações HTML

A ferramenta HTTP Requests Checker da GiftOfSpeed ​​analisa quantas solicitações HTTP seu site faz. Cada solicitação HTTP diminui o tempo de carregamento da página.

Algumas maneiras de reduzir solicitações HTTP incluem:

• Combine CSS e certifique-se de que todos estejam alinhados

• Consolide todo o JavaScript

• Certifique-se de que o JavaScript esteja em linha

• Reduza ao mínimo as imagens de design

• Faça sprites de imagens CSS

• Converter imagens para Base64

• Reduza o número de botões de compartilhamento social

Verifique se há redirecionamentos e links quebrados

Redirecionamentos e links quebrados podem ter um impacto extremamente negativo no tempo de carregamento da sua página. Existem inúmeras ferramentas para verificar redirecionamentos e links quebrados.

Para verificar redirecionamentos:

1. Acesse sua conta de administrador da Shopify

2. Vá para Loja Online > Administrador

3. Clique em Redirecionamentos de URL

4. Clique em Adicionar um redirecionamento de URL para adicionar um redirecionamento

Links quebrados têm um impacto ainda maior no tempo de carregamento da página. O Broken Link Checker é um recurso gratuito da web que verifica se há links quebrados que estão impactando negativamente o SEO. Xenu é outro recurso gratuito que pode ser útil para avaliar links quebrados em seu site da Shopify.

Acompanhe seus códigos de rastreamento com o Gerenciador de tags do Google

Normalmente, cada site de análise tem seu próprio código de rastreamento. Isso pode significar um código separado para Google Analytics, AdWords e tags de remarketing. Isso pode diminuir o tempo de carregamento da página ao longo do tempo.

O Gerenciador de tags do Google mantém todas as suas tags em um só lugar. O Gerenciador de tags do Google pode gerenciar facilmente sua loja da Shopify .

Use layouts de herói no lugar de controles deslizantes

Os controles deslizantes também podem sobrecarregar bastante a largura de banda do seu site. Os webmasters tendem a adicionar de 5 a 6 imagens de alta qualidade por controle deslizante. Isso pode causar um grande atraso na sua loja Shopify.

Embora os controles deslizantes fossem populares há alguns anos, houve alguma reação recentemente. Muitos desenvolvedores web aconselham ficar longe deles todos juntos.

Aproximadamente apenas 1% dos usuários clicam nos controles deslizantes. Sliders tendem a incomodar os usuários também. Sliders têm um impacto negativo no SEO , como uma desvantagem final.

Em vez de controles deslizantes, um layout Hero com uma única imagem e uma frase de chamariz é muito melhor para os tempos de carregamento da página. O Dropbox é um exemplo de site que usa um layout Hero.

Um layout Hero é uma imagem de banner, que normalmente é colocada na primeira página de um site. É a primeira coisa que um visitante verá ao visitar sua loja da Shopify. Um layout de herói geralmente apresenta os detalhes mais importantes do site.

Verifique a velocidade do seu site após cada alteração

Após alterações significativas em seu site, é uma boa ideia executar uma análise do PageSpeed. Você terá uma ideia do que está funcionando e do que não está. Isso ajudará a refinar seu desenvolvimento web, para que você não perca tempo ou recursos.

Se você quiser insights realmente granulares, execute uma análise do PageSpeed ​​após cada alteração. Isso lhe dará uma ideia de como cada alteração afeta o tempo de carregamento da página. Ele também lhe dará uma ideia de métricas para ficar de olho, para que você possa continuar a garantir que a loja da Shopify seja carregada o mais rápido possível.

Shopify é uma poderosa solução de comércio eletrônico para pessoas que desejam colocar seu site em funcionamento com o mínimo de esforço. Siga estas dicas para garantir que seu site da Shopify esteja funcionando na velocidade ideal, para que seus clientes possam comprar e navegar sem pular do barco!

Quer descobrir como seu site mede?

Administrar um negócio baseado na web pode ser altamente competitivo.

Felizmente, existem mais ferramentas e recursos para profissionais de marketing digital do que em qualquer outro momento da história.

Entre em contato conosco hoje para agendar uma revisão de marketing e colocar seu negócio digital na pista rápida!