Porque é que a velocidade da loja Shopify aumenta a conversão

A velocidade de um site deixou de ser apenas um indicador técnico; tornou-se um fator de conversão. Os estudos de caso da Shopify e análises da plataforma revelam que as lojas mais rápidas podem registar taxas de conversão superiores após a migração.

Uma análise da Shopify a quase 200 000 pontos de dados, publicamente disponíveis, concluiu que as lojas Shopify carregavam até 2,4 vezes mais depressa e, em média, 1,8 vezes mais depressa do que as lojas noutras plataformas.

Este guia explica como se mede a velocidade de um site Shopify, como agir com base nos relatórios de desempenho do site e quais as melhorias de desempenho que ficam a cargo da Shopify e as que dependem da sua equipa.

O que é a velocidade de um site Shopify

A velocidade de um site Shopify refere-se ao desempenho web da sua loja, ou seja, à rapidez e à fluidez com que a sua loja online carrega e responde aos visitantes. Para as equipas enterprise, esse desempenho vai muito além da experiência de navegação: pode influenciar a conversão, a visibilidade nos motores de pesquisa e a rapidez com que os compradores passam da descoberta à finalização de compra.

A pontuação de desempenho da Shopify reflete a experiência dos visitantes de uma loja, tendo em conta o tema, as aplicações, o código de terceiros, os conteúdos multimédia e a estrutura das páginas.

A pontuação de desempenho Shopify baseia-se em dados de visitantes reais. Combina a informação de três páginas do seu site:

• A sua página inicial.
• A página de produto mais visitada.
• A página de coleção mais visitada.

Esta pontuação reflete a experiência dos visitantes dos 7 dias anteriores.

Através da análise de dados, estudos e experiências da Shopify, concluímos que mesmo uma melhoria de meio segundo na velocidade do site pode aumentar a taxa de conversão. Após migrar para a Shopify Plus, a marca de purificadores de ar Molekule registou um aumento de 75% na taxa de conversão em dispositivos móveis e um crescimento de 10% no tráfego.

“Com a Shopify a gerir as complexidades do e-commerce por nós, a equipa pode dedicar-se a resolver desafios técnicos, a fomentar a inovação dos produtos e a oferecer um valor excecional aos clientes através da aplicação Molekule”, afirma Rachel Beisel, vice-presidente sénior de marketing da Molekule.

Como a Shopify mede o desempenho web atualmente

A pontuação de desempenho da Shopify assenta em métricas de utilizadores reais (RUM) recolhidas a partir de visitantes reais que utilizam navegadores baseados no Chromium e Firefox. Os dados refletem as condições reais dos visitantes em vários dispositivos, navegadores, velocidades de rede e localizações.

A Shopify avalia o desempenho da loja com base em 3 Core Web Vitals da Google, leia abaixo os artigos em inglês:

• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)

Estas avaliações ajudam as organizações a identificar onde ocorrem os problemas de desempenho e a definir prioridades de melhoria com base na experiência real dos compradores.

Pode consultar:

• Um resumo das métricas de desempenho na página Temas do seu painel de administração.
• Relatórios detalhados em Análises > Relatórios para LCP, INP e CLS.

Os dados de desempenho podem ser analisados ao longo do tempo, por URL de página e por tipo de página. Tal ajuda as equipas a distinguir entre problemas que afetam o site inteiro e problemas que afetam páginas específicas.

Os Core Web Vitals que importam

Os Core Web Vitals da Google são 3 métricas de desempenho usadas para avaliar a experiência de uma página:

• O LCP mede o desempenho de carregamento: indica a rapidez com que o conteúdo principal de uma página se torna visível.
• O INP mede a capacidade de resposta: menciona a rapidez com que uma página reage após de um visitante clicar, tocar ou escrever.
• O CLS mede a estabilidade visual: indica quanto o esquema da página muda de forma inesperada durante o carregamento.

Em conjunto, estas métricas indicam a rapidez com que o conteúdo relevante carrega, a fluidez da loja durante a interação e a estabilidade do esquema enquanto a página é renderizada.

A Google recomenda os seguintes valores de referência para uma boa experiência de página:

• LCP: 2,5 segundos ou menos.
• INP: 200 milissegundos ou menos.
• CLS: 0,1 ou menos.

Porque é que a velocidade de um site Shopify afeta a conversão

A velocidade do site influencia a rapidez com que os compradores veem os produtos, interagir com as páginas e avançar na finalização da compra. Por isso, é muito mais do que uma métrica técnica de desempenho, faz parte da experiência de compra.

O que as lojas mais rápidas melhoram

A análise da Shopify identificou uma correlação entre a velocidade da loja e a conversão em lojas Shopify com vendas ativas.

O estudo agrupou as lojas pelo desempenho nos Core Web Vitals num período de 28 dias, excluiu os 5% de lojas mais lentas e controlou os restantes Core Web Vitals ao avaliar cada métrica.

Nesta análise, a velocidade de carregamento foi a que apresentou a relação mais clara com a conversão. Por cada 100 milissegundos mais lentos no tempo de carregamento de uma loja, a conversão tende a ser cerca de 3,5% inferior. As lojas com um LCP de 2,5 segundos registaram uma conversão 30% inferior à das lojas com um LCP de 1,5 segundos, aproximadamente.

Como a velocidade impulsiona a descoberta e a conversão

A Google utiliza os Core Web Vitals no sistema de classificação, todavia, obter boas pontuações não lhe garante que fica entre os primeiros lugares.

A Google afirma que não há um fator de classificação único ligado à experiência de página, e a pesquisa continua a privilegiar a relevância. Quando há várias páginas relevantes disponíveis, a experiência de página pode contribuir para o êxito na pesquisa.

No que toca à conversão, os dados da Shopify apontam para o LCP e o INP como os mais importantes dos três Core Web Vitals. Um LCP mais lento esteve associado a uma conversão mais baixa, e um INP mais lento também esteve ligado a uma quebra na conversão.

O CLS é igualmente importante para a estabilidade visual. No entanto, a análise não revelou um padrão semelhante para esta métrica, ao contrário do que se verificou com o LCP e o INP.

Como medir a velocidade de um site Shopify no painel de administração

Os relatórios de desempenho web da Shopify ajudam as equipas a passar de uma pontuação de desempenho geral para as páginas, os modelos e os períodos específicos que requerem atenção.

Onde encontrar os relatórios de desempenho web

Há 2 formas de encontrar os relatórios de desempenho web na Shopify:

1. Abra o seu painel de administração.
2. Aceda a Análises.
3. Abra Relatórios.
4. Utilize o campo de pesquisa de relatórios.
5. Escreva dois pontos (:) para ver todos os relatórios de desempenho web.

Consulte o resumo aqui:

1. Abra o seu painel de administração.
2. Aceda a Loja online > Temas.
3. Observe o resumo das métricas de desempenho no topo da página.

Como interpretar os relatórios por URL de página, tipo de página e ao longo do tempo

Leia os relatórios por esta ordem:

• Ao longo do tempo: explica quando o desempenho mudou. Se notar uma quebra, compare-a com alterações feitas na loja, como a atualização de um tema, a instalação de uma aplicação ou código novo.
• Tipo de página: indica que tipo de página está afetado, como páginas de produto ou de coleção. Isto ajuda a perceber se o problema afeta um modelo inteiro ou apenas uma página.
• URL de página: mostra quais as páginas afetadas. Utilize esta informação para identificar com precisão os URLs que requerem atenção.

Uma forma de pensar nisto é:

• Ao longo do tempo: quando é que mudou?
• Tipo de página: que tipo de página está afetado?
• URL de página: qual é a página exata que está a ser afetada?

O resumo das métricas de desempenho web da Shopify mostra como uma loja online se comportou para os visitantes reais nos 30 dias anteriores.

Avalia a loja com base nos três Core Web Vitals: LCP, INP e CLS. Cada métrica recebe uma classificação de Bom, Moderado ou Fraco, com base no percentil 75 das experiências dos utilizadores.

O que mais afeta a velocidade da loja Shopify

Após identificar um problema de desempenho tem de compreender a causa. Uma loja online é composta por elementos como o código do tema, as aplicações e as imagens. Estas funcionalidades podem melhorar a experiência da loja, mas cada uma delas dá mais trabalho ao navegador e mais conteúdo para carregar.

Estes são os elementos mais comuns que afetam a velocidade do site:

• Temas, aplicações e código de terceiros
• Imagens e vídeos
• Demasiadas secções numa página
• Coleções grandes sem paginação
• Animações e efeitos visuais adicionais

Temas, aplicações e código de terceiros

Estes são, muitas vezes, os fatores de desempenho mais importantes na Shopify, porque controlam a quantidade de código que é executado na página e as funcionalidades adicionais que são carregadas. Quantos mais scripts uma página tiver de carregar e executar, mais tempo pode demorar até que os compradores possam ver o conteúdo ou interagir com a loja.

Imagens e vídeos

Os conteúdos multimédia podem tornar as páginas mais lentas, por terem mais conteúdo para carregar.

Imagens não comprimidas, ficheiros demasiado grandes e vídeos com reprodução automática podem atrasar o carregamento, uma vez que o navegador tem de descarregar e renderizar mais dados antes da página ficar pronta.

Demasiadas secções numa página

Ter mais secções pode reduzir o desempenho, porque a página tem de renderizar mais conteúdo e estrutura. Um elevado número de secções pode acrescentar mais HTML, CSS, JavaScript e conteúdo multimédia para o navegador processar antes da página ficar pronta.

Coleções grandes sem paginação

Se uma coleção carregar muitos produtos ao mesmo tempo, a página tem mais para carregar e mostrar. Utilize a paginação (apenas em inglês) em coleções grandes para limitar o número de produtos carregados durante o processo.

Animações e efeitos visuais adicionais

Estes podem tornar as páginas mais lentas, pois acrescentam mais tarefas para a página processar. Os efeitos visuais podem aumentar o trabalho de renderização e fazer com que a página pareça mais lenta durante o carregamento ou interação.

Porque razão a infraestrutura da Shopify dá uma vantagem às marcas

Embora muitos fatores de desempenho dependam da própria loja, a Shopify garante uma base sólida, com servidores globais rápidos, uma rede de distribuição de conteúdos (CDN) da Cloudflare e otimização automática de imagens através da sua própria CDN.

A Shopify aplica ainda, de forma automática, cache do navegador, compressão gzip e minificação de ficheiros. Uma parte significativa do desempenho da loja é, portanto, tratada ao nível da plataforma.

Servidores globais rápidos, CDN e otimização de imagens

Servidores globais rápidos significam que as organizações não precisam de gerir o seu próprio ambiente de alojamento para terem um bom ponto de partida em termos de desempenho de carregamento.

A CDN distribui os recursos da loja a partir de localizações mais próximas dos compradores. A CDN de imagens consegue servir imagens redimensionadas e comprimidas em formatos adequados. A cache permite aos visitantes recorrentes reutilizarem os recursos armazenáveis em cache.

O que a Shopify trata automaticamente vs. o que as marcas continuam a controlar

Esta distinção é importante: a Shopify trata da base de desempenho, enquanto as marcas controlam muitas das decisões que moldam a experiência da loja.

A Shopify disponibiliza automaticamente:

• Infraestrutura de alojamento global: aloja a sua loja online em servidores globais rápidos, pelo que os retalhistas não precisam de gerir o próprio ambiente de alojamento para garantir um desempenho web de base.
• Distribuição via CDN: utiliza uma CDN da Cloudflare para ajudar o conteúdo da loja a carregar mais rapidamente para compradores a nível global.
• Cache do navegador: configura a cache do navegador para recursos armazenáveis, ajuda os visitantes recorrentes a carregar as páginas mais depressa.
• Compressão gzip: comprime CSS, JavaScript, documentos e páginas para reduzir a largura de banda e melhorar os tempos de carregamento.
• Minificação de ficheiros: minifica os ficheiros CSS e JavaScript solicitados pela loja para reduzir o tamanho sem alterar a funcionalidade.
• Otimização automática de imagens: otimiza as imagens ao redimensioná-las, comprimi-las e, muitas vezes, servi-las em formatos mais eficientes, para manter os tamanhos dos ficheiros mais reduzidos.

Mesmo com esta vantagem, as organizações controlam o desempenho da loja através das decisões que tomam na própria loja, nomeadamente:

• O tema da loja online.
• As aplicações instaladas.
• Qualquer código de terceiros adicional colocado manualmente.

Como melhorar a velocidade de um site Shopify sem recriar

Sem uma recriação, a melhor abordagem para melhorar a velocidade do seu site é reduzir o código, os conteúdos multimédia e os scripts desnecessários na loja. Comece pelos problemas com maior probabilidade de afetar o tempo de carregamento ou a interatividade e, depois, utilize os relatórios de desempenho para confirmar onde precisa de fazer correções.

• Remova aplicações desnecessárias: ter demasiadas aplicações a carregarem recursos para a loja pode prejudicar o desempenho. Reveja as aplicações instaladas e remova todas as que não sejam essenciais.
• Audite o código de terceiros e os gestores de tags: o código de terceiros, tags e scripts adicionais podem afetar o desempenho web, por isso remova tudo o que não utiliza ou que tenha pouco valor.
• Limpe o código residual de aplicações: desinstalar uma aplicação nem sempre remove o respetivo código do tema. Pode precisar das instruções do programador da aplicação para o eliminar por completo.
• Otimize as imagens: imagens grandes ou em grande quantidade e de alta qualidade podem tornar as páginas mais lentas. Redimensione as imagens para corresponderem ao tamanho de apresentação e utilize o formato de ficheiro adequado.
• Reduza a complexidade das páginas: ter demasiadas secções num modelo de página pode reduzir o desempenho, por isso simplificar o esquema é uma excelente ajuda.
• Reveja os scripts lentos: se a página ficar presa num ecrã em branco antes de carregar, as ferramentas de programador do navegador podem ajudar a identificar scripts de carregamento lento, que poderão ter de ser corrigidos pelo programador da aplicação ou do tema.
• Utilize os relatórios da Shopify para direcionar as correções: a Shopify recomenda a utilização dos relatórios de desempenho web e de ferramentas como o PageSpeed Insights para identificar a origem do problema.