🔄 Page Loader

Deliver a smoother browsing experience by optimizing how your store loads - right from the first interaction.

Watch how to set up Page Loader and save it. Click a step under the replay to jump to it, or click the replay to pause.

5 stepsShow a loader while your pages render5 stepsShow a loader while your pages renderStep 5 of 5Find Style optimizationStep 5 of 5Turn on Page loaderStep 5 of 5Choose a styleStep 5 of 5PreviewStep 5 of 5SaveStep 5 of 5On the Speed up solutions page, scroll to Style optimizationStep 5 of 5Under Loading circle, pick a preset, here DarkStep 5 of 5Open Loading size and pick LargeStep 5 of 5The preview shows the loader as shoppers will see itStep 5 of 5Switch the preview to desktopStep 5 of 5Click SaveStep 5 of 5A message confirms the settings are savedStep 5 of 5Then run Speed up now on the Speed up page to apply it to your theme

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.

⚙️ How to Set Up Page Loader?

Step 1: Enable the feature

Open Avada SEO Suite
Go to Speed Up > Custom > Settings
Scroll to Style optimization
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
Use 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

The preview next to the settings shows how your page loader looks
Use the mobile and desktop buttons under the preview to test both views
Click Save

Minification Preconnect