Otimizar a velocidade de carregamento (Slide & Mega menus)

Por que você precisa fazer isso? O Navi+ já não é rápido?

Navi+ é muito rápido. Está totalmente implantado em uma CDN líder com latência muito baixa (cerca de 100ms) e pode atender milhões de clientes sem desacelerar.

No entanto, o Navi+ ainda opera dentro do ecossistema Shopify. O Shopify tem suas próprias regras de carregamento:

  1. O Shopify prioriza o carregamento de seus próprios recursos primeiro.
  2. Em seguida, o Shopify carrega o conteúdo do tema.
  3. Finalmente, o Shopify carrega o conteúdo do aplicativo, mas não em nenhuma ordem específica.

Isso significa que, se você estiver usando vários aplicativos, o Navi+ pode às vezes ser carregado mais tarde do que o esperado. É por isso que pode parecer mais lento em certos casos.

Qual é a minha solução?

Atualmente, o Navi+ tem alta prioridade ao carregar em sites Shopify. No entanto, ainda há um certo atraso. Vamos abordar esses problemas um por um aqui:

Slide Menu: Adicione um efeito de carregamento e bloqueie o seletor do gatilho

Muito simples: basta inserir o seletor CSS que você usa para o Slide Menu na seção de incorporação do aplicativo Navi+ (veja a imagem abaixo).

Mega Menu (Modo de Substituição): Adicione um efeito de carregamento e bloqueie o seletor do gatilho

Nota:

  • Adicione o sufixo (M) se você quiser que se aplique apenas em dispositivos móveis.
  • Adicione o sufixo (D) se você quiser que se aplique apenas em desktop.
  • Não deixe sufixo se você quiser que se aplique em ambas as plataformas.