# 🔄 Page Loader

{% hint style="info" %}
**Who can use this feature?**\
This feature is available for **Free users** (loading circle) and **Enterprise users** (loading circle + custom loading logo).
{% endhint %}

### **What is Page Loader?**

Page Loader enhances site performance and user experience by showing a visual indicator while your page is loading. This gives customers instant feedback, reduces perceived waiting time, and helps prevent bounce from slow-loading moments.

***

### **Why use Page Loader?**

* Create a smoother, more polished experience during page transitions
* Reduce perceived wait time and boost engagement
* Customize the loading animation to match your brand
* Keep customers informed while content loads in the background

Let’s make your store feel faster — and more premium — with just a few clicks.

***

### 🎮 Try it in action

{% embed url="<https://app.arcade.software/share/E5yyvtEgS661f5letDrn>" %}

### ⚙️ How to Set Up **Page Loader?**

#### Step 1: Enable the feature

1. Open **Avada SEO Suite**
2. Go to **Speed Up > Custom > Settings**
3. In the left menu, select **Style Optimization**
4. Toggle **Page Loader** ON to activate the feature

***

#### Step 2: Customize the Page Loader appearance

**A. Choose a loading style**

* Select **Loading Circle** to show a spinning icon while the page loads
* Choose from **3 preset styles** to apply instantly
* Click **Loading Size** to adjust the icon’s size

**B. Choose a loading logo**

Display a logo or icon while the page loads, with two options:

* **Use store favicon**: Display your store’s current favicon
* **Upload custom logo**: Upload a custom logo for branding consistency

***

#### Step 3: Preview your Page Loader

* Click the **Preview** button to see how your page loader looks in action
* Switch between **Mobile mode** and **Desktop mode** to test both views


---

# 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://docs.avada.io/seo-suite-help-center/site-speed-up/speed-up-custom-mode/page-loader.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.