Optimize loading speed (Slide & Mega menus)

Why do you need to do this? Isn’t Navi+ already fast?

Navi+ is very fast. It is fully deployed on a leading CDN with very low latency (around 100ms) and can serve millions of customers without slowing down.

However, Navi+ still runs within the Shopify ecosystem. Shopify has its own loading rules:

  1. Shopify prioritizes loading its own resources first.
  2. Then Shopify loads the theme content.
  3. Finally, Shopify loads app content, but not in any specific order.

This means if you are using multiple apps, Navi+ may sometimes be loaded later than expected. That’s why it can feel slower in certain cases.

What is my solution?

Currently, Navi+ has high priority when loading on Shopify websites. However, there is still a certain delay. We will address these issues one by one here:

Slide Menu: Add a loading effect and lock the trigger selector

Very simple: just enter the CSS selector you use for the Slide Menu into the embed section of the Navi+ app (see image below).

Mega Menu (Replacement mode): Add a loading effect and lock the trigger selector

Note:

  • Add the suffix (M) if you want it to apply only on mobile.
  • Add the suffix (D) if you want it to apply only on desktop.
  • Leave no suffix if you want it to apply on both platforms.