# Optimize speed and improve the user experience (UX).

#### 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).

<figure><img src="/files/ZvN3L8eTgm6r7K51sKeG" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eMjr1kLp76s4lIab082E" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/bUJWJH64eAt6ovDQSD6Q" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6Dwgx3AojAqj4t5tFi7O" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/fG9CrDuDKx7y4LUu1mxr" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/QN6PrjPeaYYyqLmzc8G1" alt=""><figcaption></figcaption></figure>

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.shopifas.com/manual/website/help.naviplus.io/frequently-asked-questions/optimize-speeds-images-and-ux/optimize-speed-and-improve-the-user-experience-ux-..md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.