Did your Elementor editor panel freeze? This is the very famous Elementor not loading error that made so many web designers dislike Elementor at first.
Let me say this, it’s not a fault Elementor plugin but a simple WordPress memory limit problem, or could be a little more.
But it’s annoying if the Elementor widget panel is stuck on loading on your first try. In this article, we will show you the quickest ways to fix Elementor stuck on loading screen.
- Reasons why Elementor editor panel freezes occasionally
- The Root Causes Behind Elementor Stuck on Loading Error
If you open any page with Elementor editor and see the widget menu loading infinitely, it’s called the stuck at loading Elementor error.
There are 3 instances relating to the loading error-
- Editor page is consistently loading.
- Widget panel is consistently loading.
- Showing a blank page.
- Editor page content grayed out.
The loading error could happen when you try to access the editor page but you see a big Elementor logo on top blinking infinitely. This is another sign of Elementor getting stuck on loading.
This can happen if your site’s PHP memory is less than necessary or Elementor is having a plugin conflict with the theme or installed plugins. Also, there are reports that a cache plugin may cause Elementor widgets to misfunction.
In rare cases, this problem may occur due to a bug from your hosting provider. But 99% of the time, your WordPress PHP memory limit is the main issue. To resolve Elementor stuck on loading, you just have to increase the memory limit that’s all.
You can check your system info for WordPress or the site health and you should be able to see how much memory your site has. If it’s below or equal to 56MB, the loading error will definitely be caused by low memory. You can fix it by simply increasing the memory limit for your website.
This fix should work unless there are other technical faults in your website that may require looking further into the PHP error log and pagespeed insights.
Below, we will gradually solve all sort of issues regarding the Elementor Loading Error so you can find your fix instantly.
Although the “stuck on loading” error rarely happens when you are using Elementor, there could be a lot going on behind the scene that causes this.
We will start with the most common causes and go downwards with the most rare reasons behind this error.
If you can not trace any error on your website while having this error, try to follow the procedures step by step to unwind the issue yourself.
The root cause of a loading stuck error may occur due to a plugin conflicting with Elementor’s code.
Even Elementor itself blames third-party widgets for not coping with the plugin versions or coding framework.
So, if you see the loading screen getting stuck, you better start investigating the installed plugins on your WordPress site.
In this case, start switching off other addons one at a time, except for Elementor.
You may have installed a couple of plugins for your site including-
- Plugins for web design
- Plugins for cache
- Plugins for Script minification
- Plugins for Optimization
If any one of them conflicts with the website builder, you will see the famous stuck at loading error.
Once you find out the add-ons responsible for it, you can uninstall them permanently or seek plugin support from their companies.
It’s possible to increase your site’s PHP memory with just 3 easy solutions-
- Edit Wp-config.php
- Edit php.ini
- Edit .htaccess
All 3 methods are easy to execute and you won’t be needing a deeper knowledge of coding. Just that, these are still technical fixes that require careful execution. So, better get ready.
Plus, you will be editing code files so use a better text editor like Sublime Text instead of the complicated windows text editor.
Here, you need to do two things.
- Increase the memory limit
- Set an execution time limit
First, let’s increase the memory
Step-1: Open the wp-config file
You will need to open the site file from an FTP service and go into the root document. There, you need to find the wp-config.php file inside the site directory.
You can directly open the files if you have the site on a local drive. But if it’s under your hosting, use their preferred FTP file manager like cPanel to access the site database.
Step-2: Add memory extension command
Now, add these lines of code inside the file and save it.
Second, set memory time limit
Increasing the memory time limit will let make the server script run for a fixed time before timing out. By default, the value is low so you might see a return error besides the Elementor loading issue. So, let’s increase the time limit by pasting this code in the same wpconfig.php file-
The second method to increase the PHP memory limit and restore the Elementor not loading error is editing the php.ini file.
To do that, log into your cPanel and search for the php.ini file from the file manager.
In case the file is missing, you can just generate a new one in seconds from the dashboard.
Just click on the new file icon and set the file name php.ini and let WordPress address it from public_html.
Now right-click on the file and click on edit.
Then add these two codes inside the file and save it.
memory_limit = 256M;
max_execution_time = 90;
Here, the script may not work properly as it is not in the site address log yet. To make sure it works, go to the settings from the cPanel root directory to add the isapi_ phpini file directive.
On the settings, click on the “show hidden files” and save settings.
Then open the .htaccess file and add the lines shown in the picture below. Then save settings.
Now, the Elementor error of being stuck on loading will be solved.
The 3rd method is to edit the .htaccess file of your WordPress website. This is one of the most sophisticated files that should not be touched unless you are doing it knowingly. Anything wrong here will create errors on your WordPress site.
Back in action, let’s locate the .htaccess file from the root directory and open it with any text editor. Local or cPanel, both preferred.
Now, paste the code below inside the file and save it.
php_value memory_limit 256M
Right after that, you should be seeing the Elementor widget panel load successfully every time from now on.
Note- Please set your maximum site memory according to the required memory size (forum Q&A).
For weird reasons, browser extensions may conflict with the page builder, making Elementor loading forever on your screen.
In the first place, browser extensions are also add-ons, just like Elementor for WordPress.
As addons are made of script languages, they may start conflicting due to any particular variable involved in their coding.
So, to ensure that the Elementor loading problem on your site did not cause by any browser extension, try switching off the extensions and see if the issue persists.
Although, it hardly ever happens.
Most themes are compatible with page builders. But sometimes, your current theme may collide with Elementor for it to stuck on loading.
Although the chances are slim, still, the Elementor won’t load if the theme file conflicts.
To check, you can switch to the default theme and see if the issue persists.
If you found the theme as the root cause, you can ask the theme author for support.
Or you can simply switch to a better compatible theme so the Elementor loading issue doesn’t occur again.