Creative Alchemist

How To Fix Elementor Stuck On Loading Screen

Contents

Is your website facing the ‘Elementor stuck on loading screen’ error? If yes, then you’re in the right place. 

Being an Elementor user for a long time, I have also faced this issue a lot of times. But fixing this issue sometimes can be problematic. 

Because there are many reasons why could come across this error on your website. 

In this article, I’ll show you how to fix Elementor stuck on the loading screen issue. Since there could be different reasons why you are facing this error, I’ll walk you through the different solutions that can fix this issue. 

Let’s get started. 

What Does Elementor Stuck On Loading Screen Mean?

There are many variations of ‘Elementor stuck on loading screen’. And a lot of beginners don’t know what type of error they are facing. 

If you’re stuck on the loading screen of Elementor, you could be facing these three types of issues: 

1. Editor is Endlessly Loading 

This is the most common Elementor loading error. With this error, you’ll see the Elementor editor loading endlessly as shown below: 

Elementor Stuck On Loading

This issue is mostly caused by plugin or theme incompatibility issues. 

2. Editor Loads a White Blank Page 

Another type of loading error with Elementor is the editor loads a white blank page. This error is also caused due to plugin conflicts. 

The white blank page error in Elementor can also be caused due to server memory issues. 

3. Widget Panel is Not Loading

This type of loading error is new and causes the Elementor widgets panel to not load. Either the widget panel is fully grayed out or it loads endlessly as shown below: 

Elementor Widget Panel - Not Loading
Elementor Widget Panel - Endless Loading

Elementor says that this issue is also caused by plugin conflicts. 

9 Ways To Fix Elementor Stuck On Loading Screen Error

As per Elementor, many of the Elementor stuck on loading screen errors are caused due to plugin conflicts. 

But that’s not always the case. 

Here are the different ways to fix these issues: 

1. Check For Plugin Conflicts

Since Elementor says that these loading errors are caused due to plugin conflicts, it’s better to start from here. 

To debug this issue, check all the plugins installed on your website and see if there’s any plugin you suspect could be the reason behind the error. 

If the Elementor loading issue is recent on your website, then check for plugins you’ve recently installed on your website. 

Disable these plugins and check if the error is fixed. 

If you are unable to find the culprit, then disable all the plugins and check if Elementor is working properly again. 

If yes, then start activating plugins one by one and check Elementor each time. If you face the loading issue again after activating a plugin, then you’ve found the culprit. 

If you’re still unable to fix the issue, try the other solutions given below. 

2. Check Your PHP Version

An outdated version of PHP or a server with limited PHP memory can also cause the ‘Elementor not loading’ issue. 

Elementor page builder recommends using PHP 7.0 or higher to experience the best performance while using the editor. 

They also recommend a preferred memory limit of 128M or higher. 

To update your PHP version, you can simply go to your web host admin panel and update PHP or you can contact your webmaster to do so. 

If you’re on an updated version of PHP and still facing the issue, then you should check if the PHP memory limit is 128M or not. 

To check the memory limit, go to your WordPress dashboard and navigate to Elementor > System Info

How To Fix Elementor Stuck On Loading Screen

On this page, you’ll find the memory limit under the ‘WordPress Environment’ information. If your memory limit is below 128M, you need to increase it. 

To do this, you’ll need to edit the wp-config.php file. This file is located in your WordPress directory. 

You can access the wp-config.php file through your cPanel or by using a File Manager in WordPress. 

Open the wp-config.php file and search for “/* That’s all, stop editing! Happy blogging. */”. 

Add the following code right above this line: 

define('WP_MEMORY_LIMIT', '128M');

Save the file and go back to the Elementor system information page to check if the memory limit is increased. 

If the changes are updated successfully, open the Elementor editor and check if the problem is resolved. 

3. Change Editor Loading Method

Elementor has an option to switch the loading method for the builder. There isn’t enough information on how it works but Elementor suggests switching the method if you’re having problems with the editor. 

To find this option, go to your WordPress dashboard and navigate to Elementor > Settings > Advanced.

Elementor - Switch Editor Loading Method

In the Advanced tab, you’ll find an option to switch the editor loader method. By default, this option is disabled. 

Enable this option and check if the editor loads successfully. 

4. Use Properly Coded Elementor Plugins 

Most of the time, the culprit behind the ‘Elementor not loading’ issue are third-party add-ons. There are a lot of Elementor add-ons out there and if you’re using an add-on that isn’t properly coded, you can encounter errors like this. 

If you have any Elementor add-on plugin installed on your website, try disabling them and check if the issue is fixed. 

If it is, then stay away from such add-ons that aren’t well-coded or updated regularly. 

 

Looking for an Elementor add-on backed by experts? Check out Designer Powerup for Elementor. It’s will change the way you design pages in Elementor. 

5. Check For Browser Addons

A lot of times, the problem causing Elementor to get stuck on the loading screen is not on your website. 

It could be your browser. If you have extensions or addons installed on your website, disable them and check if the problem is fixed. Look for extensions that block scripts to be loading on the browser. Check for adblockers installed on your website. 

Also, try switching your browser and check if Elementor loads properly on a different browser. 

6. Switch Off RocketLoader in Cloudflare

If you’re using Cloudflare on your website, chances are that you have RocketLoader enabled. 

And unfortunately, Elementor and RocketLoader do not play well together. 

A lot of users fixed the ‘Elementor stuck on loading screen’ issue by simply switching off RocketLoader in Elementor. 

To switch off RocketLoader, go to Cloudflare and turn off the RocketLoader as shown below: 

Elementor and RocketLoader

Go back to Elementor and check if this fixes the issue. 

7. Check If Your Theme Is The Issue 

Your WordPress theme could also be the reason why Elementor is not loading on your website. Though this happens rarely, it’s still good to check if there are any problems with your theme. 

To do this, activate any other theme on your website and check if Elementor works properly. 

If yes, then your theme is the culprit. Now, you can’t just ditch your theme just to make Elementor work, right? 

Now that you know your theme is the culprit, contact the theme developers to inform them of the issue and request the fix. 

Conclusion 

‘Elementor stuck on Loading Screen’ is a very common issue and nothing to worry about. It happens to almost every Elementor user. 

If you apply any of the solutions above, you’ll be able to solve the problem. If not, the last resort would be to contact Elementor directly and ask them for help. 

Since their support is responsive, they’ll troubleshoot the issue and fix your problem. 

If you have any questions, feel free to ask them in the comments below.

Ahfaz Ahmed
Ahfaz Ahmed
Ahfaz Ahmed is the editor of the Pixify blog. He also runs his own personal design blog and loves making posters in his free time.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to improve your Elementor design workflow?

Designer Powerup can help you improve the way you use Elementor!