Optimiser la vitesse et améliorer l’expérience utilisateur (UX).

Pourquoi devez-vous faire cela ? Navi+ n’est-il pas déjà rapide ?

Navi+ est très rapide. Il est entièrement déployé sur un CDN de premier plan avec une latence très faible (environ 100 ms) et peut servir des millions de clients sans ralentir.

Cependant, Navi+ fonctionne toujours au sein de l’écosystème Shopify. Shopify a ses propres règles de chargement :

  1. Shopify priorise le chargement de ses propres ressources en premier.
  2. Ensuite, Shopify charge le contenu du thème.
  3. Enfin, Shopify charge le contenu des applications, mais pas dans un ordre spécifique.

Cela signifie que si vous utilisez plusieurs applications, Navi+ peut parfois être chargé plus tard que prévu. C’est pourquoi il peut sembler plus lent dans certains cas.

Quelle est ma solution ?

Actuellement, Navi+ a une haute priorité lors du chargement sur les sites Web Shopify. Cependant, il y a encore un certain délai. Nous allons aborder ces problèmes un par un ici :

Slide Menu : Ajouter un effet de chargement et verrouiller le sélecteur de déclenchement

Très simple : il suffit d’entrer le sélecteur CSS que vous utilisez pour le Slide Menu dans la section d’intégration de l’application Navi+ (voir l’image ci-dessous).

Mega Menu (mode de remplacement) : Ajouter un effet de chargement et verrouiller le sélecteur de déclenchement

Note :

  • Ajoutez le suffixe (M) si vous souhaitez qu’il s’applique uniquement sur mobile.
  • Ajoutez le suffixe (D) si vous souhaitez qu’il s’applique uniquement sur desktop.
  • Ne laissez aucun suffixe si vous souhaitez qu’il s’applique sur les deux plateformes.