20+ Ways to Fix Elementor Editor Stuck on Loading Screen [SOLVED]
One of the most common issues faced by Elementor users is the editor stuck on the loading screen. This frustrating problem can affect productivity and cause unnecessary delays. This issue can be caused by a variety of factors, ranging from server issues to plugin conflicts. Regardless of the cause, the Elementor editor’s loading screen can be a significant obstacle that requires quick and effective solutions.
Fortunately, there are some actions that you can perform to solve this problem. We understand how frustrating it can be to deal with this problem, and we have compiled a list of actionable solutions that you can implement right away.
Why Is Elementor Sidebar Not Loading?
Before we go into the solution to the Elementor Sidebar Not Loading issue, let’s understand what could cause the loading issue.
At times when you load the Elementor editor after entering the page, the Elementor widget panel keep on loading, not allowing you to use the widgets.
When this happens, it means there are some errors, which could happen due to various reasons such as less PHP memory than required, the server configuration is not up to the minimum system requirements of Elementor, or there could be some conflicts with other plugins. Once you find out the reason for the issue, you can take the necessary steps to solve it.
Elementor System Requirement
Every plugin has some minimum system requirement, and so does Elementor. Make sure your settings meet the Elementor System Requirement to be able to use it smoothly.
Elementor System Requirement at a glance:
- WordPress 5.8 or Higher
- PHP 7.4 or Higher
- MySQL 5.6 or Higher
- WP Memory limit of 256 MB or Higher
You can check the complete system requirement here. In most cases, you’ll able to install the Elementor plugin even if your settings don’t meet the system requirements, but it might not work properly.
You can check your system information from Elementor > System Info to see if there are any errors or not.
How to Fix Elementor Widget Panel Not Loading
The first thing you can do when the Elementor widget panel freezes is to reload the page. Sometimes it fails to load all assets properly, refreshing the page can solve the issue. But if it doesn’t, then you can follow the methods mentioned below.
1. Increase PHP Memory Limit
One of the most common reasons for Elementor failing to load is the lack of PHP memory on your server. If your hosting allows, you can increase the PHP memory limit easily.
You can do this from cPanel or FTP.
1. Log into cPanel.
Image source: Simplified.guide
2. Scroll down to the Software section and click on Select PHP Version.
Image source: Simplified.guide
3. On the next page, click on Options.
Image source: Simplified.guide
4. Scroll down to find memory_limit option, click on the dropdown and select the value.
Image source: Simplified.guide
5. Once you make the changes, it will save automatically.
From your Hosting File Manager or FTP
1. Locate to your WordPress installation root folder.
2. Find the wp-config.php file.
3. Right click on it and click on Edit.
4. It will open the file in an editor, add “define(‘WP_MAX_MEMORY_LIMIT’, ‘512M’);” before it says /* That’s all, stop editing! Happy blogging. */. This will increase administrative memory.
5. Below that, add “define( ‘WP_MEMORY_LIMIT’, ‘512M’ );” to increase public memory.
This is how the code should look –
define('WP_MAX_MEMORY_LIMIT', '512M'); define('WP_MEMORY_LIMIT', '512M'); /* That's all, stop editing! Happy blogging. */
Note: Depending on your server’s memory limit, that number will probably be lower.
6. Save the file.
If you want to change this from the WP backend, use the File manager plugin.
Once the changes are done, from the Dashboard, go to Tools > Site Health from there, click on Info > Server.
It will show your server information. Look for PHP memory limit and see if it shows your changes or not.
If the changes don’t reflect there, it might be due to your hosting restrictions, in that case, you have to contact your hosting support team to increase the PHP memory limit.
Check your hosting control panel for PHP configuration.
Note: In most cases, increasing the PHP memory limit will solve the issue.
2. Check Plugins Conflicts
Another common reason for Elementor not loading is due to conflicts with other plugins. In WordPress, sometimes different plugins conflict with each other causing some errors on the site.
Fixing plugin conflict is not easy, but you have to find out if any plugin is causing the Elementor loading issue or not.
To do this from the Dashboard, go to Plugins > Installed Plugins.
Now select all the plugins except Elementor and Elementor Pro (if using), from the Bulk Action dropdown, select Deactivate and click on Apply.
Note: We recommend creating a staging site to test this, as deactivating all plugins can break the functionality of the site.
You can also use this Health Check & Troubleshooting plugin while checking the plugin conflict issue on a production site, this will prevent the site from breaking when you deactivate other plugins.
Once done, go back and check if the issue has been resolved or not.
If the Elementor widget panel loads properly, then most probably, the issue is due to a plugin conflict.
Now come back to the plugins section again and activate one plugin at a time, then check again if the Elementor widget panel loads or not.
Repeat the process until you find the plugin that is causing the issue.
Once you find the plugin, contact the plugin support to find a solution or look for an alternative plugin.
If for any reason, after deactivating The Plus Addons for Elementor, things work fine, raise a ticket, our team will help you.
But make ensure all the mentioned ways are done, and still you’re unable to find a solution.
3. Update Elementor and Other Plugins
Sometimes, outdated plugins can cause the problem. So make sure to always use the latest version of Elementor and Elementor Pro (if using).
Also, make sure to update all other plugins as well, so they somehow don’t conflict with Elementor.
To check if there are any plugin updates available or not, from the Dashboard, go to Plugins > Installed Plugins if any updates are available, update the plugins.
You can also go to Dashboard > Updates to double check if there are any updates available or not.
4. Disable Unused Widgets
Elementor has many amazing widgets to create beautiful websites, but most users don’t use all of them. Having lots of widgets loading at a time can also cause the Elementor widget panel to freeze.
So you should disable the unused widgets to reduce the load on your server, especially if you aren’t able to increase the PHP memory size.
Unfortunately, Elementor doesn’t have any options to disable unused widgets, but if you are using The Plus Addons for Elementor to power up your Elementor website, you can easily disable the unused Elementor and Elementor Pro (if using) widgets in one click.
Requirement – This feature is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
To do this, go to The Plus Settings > Performance.
From there, go to Elementor Free & Pro Widgets Manager section and click on the GO TO WIDGETS MANAGER button.
It will take you to the Elementor Free & Pro Widgets Manager, here click on the Scan Unused Widgets button.
It will show all the unused widgets, just click on the Disable Unused Widgets button to disable all unused widgets at once.
Then click on the Save button.
Similarly, you can disable the unused widget from The Plus Addons for Elementor and The Plus Addons for Elementor Pro.
To do this, go to The Plus Settings > Plus Widgets.
Click on the Scan Unused Widgets button.
Watch this in action:
It will show all the unused widgets, just click on the Disable Unused Widgets button to disable all unused widgets.
Then click on the Save button.
5. Try Switching to Default Theme
Most WordPress themes work smoothly with the Elementor page builder, but at times they can also conflict with the plugin, especially with new updates.
To be certain that it is not a theme issue, you can switch back (temporarily) to any WordPress default themes like Twenty Twenty – Three or Twenty Twenty – Two.
You can switch themes from Appearance > Themes.
From there, hover over the theme and click on the Activate button.
Note: When you change the theme, your content won’t be affected it will just affect the design.
Once done, check if you are still having the Elementor loading issue or not. If it solves the issue, then it could be a theme related issue. In that case, you should contact the theme support or switch to an Elementor compatible theme like Nexter.
6. Switch Editor Loader Method
Elementor has an in-built solution to this loading issue, it changes the way the editor loads.
For this, from the Dashboard, go to Elementor > Settings.
Then click on the Advanced tab.
Select Enable from the Switch Editor Loader Method dropdown then click on the Save Changes button.
Now check the Elementor editor to see if it has resolved the issue or not.
7. Check PHP Version
As mentioned earlier, Elementor needs PHP 7.4 or higher, while most good hosting providers should have the latest PHP version but some poor hostings might be using an outdated version of PHP and this can cause the loading problem.
To check the PHP version, you can go to Elementor > System Info.
In the PHP Version, you’ll see the version number your site is using.
If it shows a lower version than 7.4, you have to update the PHP version.
Most hosting providers have an easy option to update the PHP version. You can refer to their respective documentation.
If you are using cPanel, look for Select PHP Version (We recommend making it PHP 8.0+) and click on it.
On the next page, click on Switch to PHP options, from there, you can easily change the PHP version.
Once done, you can come back to Elementor > System Info to confirm the update.
8. Clear Cache
If you are using some cache plugin, clearing the cache could solve the issue. Because at times, it might store some data that could conflict with the Elementor editor and not allow it to load.
If the cache plugin is not properly configured, this issue type of issue could arise.
Most cache plugin has an easy option to clear the cache, try it and see if it could solve the issue.
If you are using object caching provided by your host or with plugins like Redis Object Cache then Flush your object cache and check again.
9. Cloudflare / Rocket Loader Issue
If you are using Cloudflare to optimise your site, the Rocket Loader settings within Cloudflare could cause the Elementor widget panel to freeze.
So simply disabling the Rocket Loader could solve the issue.
Log into the Cloudflare account and select your domain.
Click on Speed > Optimization from the left menu.
You’ll find the Rocket Loader option just turn it off.
10. Reinstall Elementor
Some users have found that reinstalling Elementor after deleting has solved the issue. You can follow the steps to see if it could solve the problem.
1. From the Dashboard, go to Plugins > Installed Plugins.
2. First, deactivate Elementor and Elementor Pro (if using) by clicking on the Deactivate link (individually).
3. Then click on Delete (individually) to delete Elementor and Elementor Pro (if using).
4. Now, if you are using any cache plugin, clear the cache.
5. Then reinstall Elementor and Elementor Pro (if using) and activate.
Hopefully, this will solve the issue.
11. Disable Browser Extensions/Addons
On rare occasions, some browser add-ons can cause the Elementor sidebar loading issue. Some add-ons can occasionally block or conflict with the Elementor script.
To confirm, try using the Elementor editor in an incognito or private window and see if everything works or not. If it works properly, then disable all the addons and activate one at a time and check again to find out which one is causing the problem.
For example, to open extensions in Chrome use – chrome://extensions/
12. Same WordPress Address (URL) and Site Address (URL)
In WordPress, generally the WordPress Address (URL) and Site Address (URL) remain the same, but if you want your homepage URL to be different from the WordPress installation directory, then it might be changed.
This different URL also could cause the problem.
To verify from the Dashboard, go to Settings > General.
Make sure the WordPress Address (URL) and Site Address (URL) are the same with the ‘https’.
13. Fixing Mixed HTTPS
Make sure your website content is served over either HTTPS (recommended) or HTTP. But it shouldn’t have mixed content where some content is served over HTTPS and some on HTTP this can cause some problems.
What is Mixed Content?
Mixed content refers to a website that contains both secure and non-secure items, such as images, videos, scripts, and other resources. This means that while some parts of the website are secured using HTTPS, other parts are not.
There are two ways you can solve this mixed HTTPS problem.
Replace URLs with Elementor Tools
Elementor has an in-built tool to fix this mixed HTTPS problem, this can be used when you have transferred your domain or have moved to HTTPS.
Like moving from http://your-domain.com to https://your-domain.com.
From the Dashboard, go to Elementor > Tools > Replace URL.
In the old-url field, add your old URL and in the new-url field, your new URL then click on Replace URL button.
Note: Make sure to backup your database before replacing the URL.
Using Really Simple SSL
The second option is to use the Really Simple SSL free plugin it will serve your content on HTTPS, solving the mixed HTTPS issue.
14. Clear Browser Cache
Sometimes browser might store some files in the cache and cookies, which can also cause this problem, you can try and clear the browser cache and cookies to check if that solves the problem or not.
15. Make a Hard Refresh
If browsers fail to load all the website resources, this can also make the Elementor sidebar panel to freeze. Doing a hard refresh CTRL + SHIFT + R (in Windows) or CMD + SHIFT + R (in Mac) can solve the problem.
16. Disable Security Plugin or Server Firewalls
If you are using some security plugin in your WordPress website or have some server firewall, they can also prevent Elementor from loading all the necessary scripts. So try to disable the security plugin or your server firewall once and then test the Elementor editor.
17. Install the Query Monitor plugin
You can install the Query Monitor plugin to find out where the issue might be. You can check the logs to see which plugin is causing this issue.
And then report it to the respective plugin developer.
18. Turn off the Cache & Performance Plugin
If you are using any cache & performance plugin, then first turn it off and check if it resolves the issue. Then turn off individual settings which might be conflicting with Elementor Loading.
19. Check Site Health
From the Dashboard, go to Tools > Site Health > Status and see if there are any errors, then try to fix them. For reference, you read more about it here.
20. Regenerate CSS & Data
For some users, Elementor Regenerate CSS & Data option has solved the issue. From the Dashboard, go to Elementor > Tools > General, then click on the Regenerate CSS & Data button, it will regenerate the CSS files.
21. Change Hosting (Last option)
Hopefully, by now your Elementor widget panel not loading problem is solved. But if non of the above mentioned methods worked for you, then you might have to consider moving to a better hosting provider.
Some of the recommended hostings are Kinsta, Siteground, Cloudways, and Hostinger.
While choosing a new hosting, make sure to keep the Elementor system requirement in mind and choose the plan accordingly.
With better resources, you should be able to use and enjoy the power of Elementor smoothly.
Let us know in the comments below, which method worked for you to fix Elementor Loading Screen Stuck Issue.