4 dicas de um desenvolvedor da Web do Shopify para criar um site mais rápido
Publicados: 2017-07-27Por que um desenvolvedor da Web da Shopify está preocupado com a velocidade do site?
Um desenvolvedor web experiente da Shopify sabe que seu site de comércio eletrônico deve carregar em apenas três segundos para capturar o maior número de clientes. Por cada segundo a mais, um varejista on-line corre o risco de perder negócios devido à impaciência e à falta de atenção. No entanto, um estudo recente que analisou quase cem lojas online descobriu que a velocidade média das lojas Shopify era superior a nove segundos.
Um site carregando em nove segundos está perdendo muitos negócios. A velocidade recomendada para todos os sites é de sete segundos, e as empresas de comércio eletrônico precisam ser mais rápidas do que isso para ficarem à frente da concorrência. Em suma, seu site lento pode estar matando sua empresa, custando milhares em receita e afastando clientes que, de outra forma, amam seu produto. Não é apenas esse negócio que você não pode perder, mas perder clientes para o desempenho do site é totalmente desnecessário.
Excluir quaisquer plug-ins desnecessários
Plugins são feitos para ajudar seu site a funcionar melhor, certo?
Acontece que muitos plugins são ótimos para lidar com um problema, mas não otimizam sua loja Shopify para velocidade. Os plug-ins são projetados para melhorar diferentes aspectos da funcionalidade. Uma empresa de comércio eletrônico inteligente está usando plug-ins em uma loja do Shopify para melhorar a experiência do usuário e facilitar o gerenciamento de uma loja online. No entanto, um desenvolvedor da web da Shopify informará que todos os plug-ins estão deixando seu site mais lento, alguns mais do que outros.
Comece revisando todos os plugins em execução em seu site e removendo aqueles que são redundantes. Além disso, se um plugin não estiver agregando valor à funcionalidade do seu site, exclua-o. Esta primeira passagem em plugins deve ser uma limpeza de todos os plugins desnecessários. Após essa remoção profunda de certos plugins, melhorar sua velocidade é uma questão de manutenção. Todos os plugins precisam ser atualizados regularmente. Quanto mais tempo um plugin estiver desatualizado, maior a probabilidade de causar problemas com o desempenho do seu site.
Enquanto você está passando pelo processo de remoção ou atualização de plugins, dê uma olhada nos widgets em seu site. Às vezes, os elementos adicionais em sua página de destino, página de produto ou até mesmo página da web de contato podem retardar o carregamento de seu conteúdo principal. Se houver uma oportunidade de eliminar widgets extras ou reduzir sua página de destino a uma única coluna, os desenvolvedores da web da Shopify recomendam isso.
Substituir ou remover imagens grandes
Muitas lojas da Shopify têm problemas com imagens. Se você pesquisar em fóruns de discussão em “sites lentos do Shopify”, a grande maioria dos conselhos é sobre reduzir o tamanho e o posicionamento das imagens. No entanto, este é um conselho difícil para uma empresa de comércio eletrônico engolir.
Os comerciantes on-line querem mostrar seus produtos incluindo belas fotos. Isso significa que as lojas Shopify já têm mais oportunidades para colocar imagens e outras mídias do que outros sites. Além disso, há um grande incentivo para utilizar imagens de resolução total. Essas fotos ajudam um cliente em potencial a se conectar com um produto, e fotos melhores criam credibilidade. Por fim, se as imagens em sua loja da Shopify não se destacarem ou chamarem a atenção do espectador, é menos provável que você faça uma venda.
Com todos esses incentivos concorrentes em mente, pode parecer que a recomendação de remover imagens ou substituir arquivos grandes compromete outras qualidades do seu site da Shopify. Este não é o caso.
Um desenvolvedor da web da Shopify está constantemente ciente de que imagens de alta qualidade e resolução total parecem ótimas, mas carregam muito lentamente. Para resolver esse problema, um desenvolvedor usará ferramentas online para reduzir o tamanho do arquivo de uma imagem, sem comprometer a qualidade. Ao compactar e otimizar suas imagens, talvez você não precise remover nenhuma mídia da sua loja da Shopify. Mas ainda há motivos para considerar reduzir o número de imagens em sua página de destino, pois os designs mínimos continuam sendo populares entre os compradores on-line.
Hora de mudar seu tema
Os temas são outra área onde todas as coisas não são criadas iguais. Antes que um desenvolvedor da web da Shopify adicione plug-ins, carregue imagens ou personalize o design, alguns temas são criados para melhor desempenho. Se você ainda não escolheu um tema da Shopify, uma das maneiras mais fáceis de criar um site rápido é selecionar um tema otimizado.
Se você estiver construindo seu próprio site Shopify, selecionar o tema certo exigirá alguma pesquisa. Comece encontrando alguns temas de sua preferência. Em seguida, use o Pagespeed Insight do Google ou outra ferramenta de desempenho para avaliar as métricas de desempenho do tema. Muitas vezes, você pode simplesmente comparar as páginas de visualização de cada tema para determinar aquelas que são executadas mais rapidamente.
Embora sua comparação se torne uma pontuação geral do Pagespeed Insight, o que você descobrirá é que o desempenho de velocidade de um tema da Shopify está intimamente ligado ao código do tema. Temas mais lentos exigirão vários arquivos JavaScript e vários arquivos CSS para serem executados. Cada um desses arquivos deve ser carregado por meio de bloqueio de renderização, o que diminui o desempenho. Em vez disso, procure um tema otimizado que tenha um único arquivo JavaScript e um único arquivo CSS.
Existem algumas opções na biblioteca da Shopify que oferecem esses recursos. Portanto, não se preocupe que procurar um tema otimizado limitará o design, a aparência ou a sensação da sua loja online.
Não venda para anunciantes de terceiros
É preciso muito tempo e esforço para criar uma loja Shopify que represente sua marca e funcione sem problemas. Muitas vezes, colocar todo o seu conteúdo, mídia e widgets em uma página, sem diminuir a velocidade, é uma tarefa difícil. No entanto, as empresas de comércio eletrônico também devem considerar como o conteúdo de terceiros afeta seu site.
Na maioria das vezes, scripts de terceiros podem ser executados sem problemas em sua loja da Shopify. Por exemplo, Amazon, Facebook e PayPal desenvolveram APIs e scripts de terceiros que carregam rapidamente em seu site. Na verdade, esses scripts provavelmente podem ser mais rápidos do que o restante do seu tema Shopify. Mas as empresas de comércio eletrônico querem adicionar outro conteúdo de terceiros. Seja uma conexão de mídia social ou um anúncio de terceiros, esses scripts podem ser benéficos. No entanto, alguns scripts de terceiros prejudicam a otimização do site.
Quanto mais scripts de terceiros você tiver, maior a chance de algo atrasar sua loja Shopify. Esses scripts podem até fazer sua loja parar. Os desenvolvedores da web da Shopify podem reconhecer qual conteúdo de terceiros pode estar deixando seu site mais lento e ajudar a otimizar os scripts de terceiros que você realmente precisa.
A 1Digital Agency é parceira do Shopify Plus e desenvolvedora web qualificada do Shopify. Nossa equipe trabalha em estreita colaboração com Shopify para personalizar as lojas online dos clientes. Visite nosso site para saber mais sobre nossa estreita parceria com a Shopify e como nossa equipe resolve problemas da Shopify, como o carregamento lento de páginas da web.