Apps de upsell deixam a sua loja Shopify mais lenta?
Todo app que mostra algo na sua loja carrega código no navegador dos seus clientes. Um app raramente é o problema. Oito apps que carregam cada um um script em todas as páginas, até onde não fazem nada, pesam. Apps de upsell costumam estar entre os culpados, porque muitas vezes querem estar em todo lugar caso o cliente coloque algo no carrinho.
O que realmente deixa uma página lenta
- Scripts que carregam em todas as páginas, mesmo onde o app não faz nada.
- Scripts que impedem a página de aparecer até terminarem de carregar.
- Código que espera os servidores do app antes de mostrar qualquer coisa.
- Restos de apps desinstalados há muito tempo, que continuam carregando.
Como verificar a sua própria loja
- Abra a página inicial, uma página de produto e a página do carrinho no Chrome, abra as ferramentas de desenvolvedor, aba Rede, recarregue e filtre por JS.
- Procure os arquivos dos apps que você conhece, e anote em quais páginas cada um aparece.
- Passe a página no PageSpeed Insights com e sem o app, algumas vezes cada. Uma medição só varia demais para comparar.
- Procure restos no código do seu tema. Nos métodos de integração antigos, os apps acrescentavam trechos aos arquivos do tema, que ficam lá depois que o app sai.
Por que as extensões de tema ajudam
Os apps modernos do Shopify se conectam ao seu tema por app embeds e blocos de app: peças que você ativa no editor de temas, sem que o app mexa no código do tema. Os arquivos deles vêm da CDN do próprio Shopify, e quando você desinstala o app, o Shopify remove os blocos dele do tema. Apps que ainda injetam código do jeito antigo deixam rastros.
Como é um app de upsell leve
- Ele não faz nada onde não tem nada a fazer: nenhuma requisição aos servidores dele numa página onde não pode mostrar nada.
- Ele carrega sem travar a página.
- Ele nunca segura o checkout. Se algo falhar, o cliente segue para o pagamento como se o app não existisse.
A página pós-compra não custa nada à sua loja
As ofertas depois do pagamento rodam dentro do checkout do Shopify, não no seu tema. Elas não carregam absolutamente nada nas páginas da sua loja.
Como o FlatUpsell carrega
A oferta de carrinho do FlatUpsell é um app embed. O script dela é carregado de forma adiada, então nunca trava a página, e pesa pouco mais de 40 KB antes da compressão, guardados em cache pelo navegador desde a primeira página. Ele carrega em todas as páginas porque uma gaveta de carrinho pode levar ao checkout de qualquer lugar, mas fica inativo enquanto o carrinho está vazio: nenhuma requisição aos servidores do FlatUpsell. Assim que o carrinho tem algo, ele busca as ofertas uma vez e as guarda durante a visita. Se algo der errado, o botão de finalizar compra se comporta como se o app não estivesse instalado. A oferta pós-compra vive no checkout do Shopify e não acrescenta nada ao seu tema.