How to Fix the Elementor Stuck on Loading Screen Error?
If you are facing the "Elementor stuck on loading screen" error then these are the most common causes and the solutions on how to fix them. If this error occurs, then you will not be able to gain access to the editor and design your pages. Let's take a look at all the possible solutions to fix the issue.
The Most Common Causes to "Elementor Stuck on Loading Screen" error
This is a common issue, but very frustrating as it does not give you access to build and design your site pages, and when faced with such an issue there are a few simple solutions you can try to make sure everything is in order. Please follow our steps carefully and make sure you apply them properly.
Check for Plugin Conflicts
The first thing you should check is if you have updated to the latest version of the Neuron Core/Neuron Builder plugin (depending on your active Neuron theme). This might cause incompatibility if Neuron Core/Neuron Builder is running at an older version than Elementor.
Another most common cause if Elementor is stuck on loading is to check whether there is a plugin conflict with Elementor or with a script inserted within the theme. To do that, from the WordPress Dashboard > Plugins > Installed Plugins. Make sure to check a tick before every plugin you've installed on your WordPress website except for Elementor.
From the Bulk Action option, choose Deactivate from the dropdown menu. Check if the problem with Elementor loading is resolved. If yes then, there must be a conflict with a certain plugin you've installed. If the problem is new, make sure you leave deactivated the plugin you've recently installed.
Activate each one by one, and always check whether or not the error is occurring. If the issue is apparent upon one certain plugin activation, then that must be the culprit. If a plugin is at fault, please report the issue to the plugin's support service.
Check the PHP Recommendations and Memory Limit
If you are experiencing the Elementor not loading issue, another common cause can be happening due to the low settings of the server. In this case, we first recommend you check out the PHP memory limit. Note that an outdated PHP version or a low PHP memory will cause the Elementor not loading screen error to occur. Elementor page builder recommends using PHP 7.0 or higher and a preferred memory limit of 128M or higher. To check the memory limit, go to your WordPress dashboard and navigate to Elementor > System Info.
To update your PHP version you can do that either by logging into your web hosting admin panel or you can contact your hosting provider to do it for you. If you are running on an updated PHP version then you should check the PHP memory limit. You can contact your hosting provider to make the following changes below. You should have the following recommendations:
Memory Size: memory_limit = 256M Script execution time: max_execution_time = 400 Number of input variables: max_input_vars = 4000
Note: We recommend you take a full backup of your website before you make any changes whatsoever to the core files of your WordPress website.
Meanwhile, if you wish to add the recommendations yourself, you will need access to the .htaccess file.
- Log in to your FTP Client account or to your cPanel account.
- If you are on cPanel, from the File Manager, locate the public_html folder
- There should be the .htaccess file, click on it
- Copy the following values and add them to your .htaccess file
php_value max_execution_time 400 php_value memory_limit 256M php_value upload_max_filesize 10M<br><br>
- Paste the following value before the # END WordPress
Be careful using these settings, some hosting companies don’t allow users to change PHP settings, if you experience any problem after making these changes, please revert these in your .htaccess file, using your FTP client.
Change the PHP Recommendations using a WordPress plugin
- If you don't feel comfortable messing with codes and HTML that's okay, as there's always the plugin route in WordPress
- Simply install and activate the Custom PHP Settings plugin from the WordPress dashboard
- You can find the plugin from the WordPress Dashboard under Tools > Custom PHP Settings
- Add the code we introduced above in the Editor tab
- Click on Save Settings to apply the changes
- Check to see if the editor is loading correctly.
Increase PHP Memory Limit
If you notice that the PHP Memory Limit is low, to increase the value you will need to:
- Log in to your FTP Client account or to your cPanel account.
- Locate the public_html file. If you are using cPanel it should be under the File Manage
- Locate the wp-config.php file and click to open it
- Scroll down and look for the line “/* That's all, stop editing! Happy blogging. */” and paste the following code there
- Save the file for the changes to take place and check if the editor loads successfully.
Change Editor Loading Method
Elementor integrates an option to switch the loading method for the page builder. Although not much information is shared on the way this loader works, they suggest you enable the loader method if you are experiencing problems with the editor. To do that go to your WordPress dashboard and navigate to Elementor > Settings > Advanced.
Here from the Advanced Tab, you should see the Switch Editor Loader Method, which by default is set to Disable. From the dropdown menu select the Enable option and click on Save Changes. Check fi the editor loads successfully after you've switched this method to Enable.
Check for Browser Addons
There are times where your Elementor editor won't load due to the fact that there might be an issue with a browser add-on that you've installed. To check whether or not a browser add-on is a culprit, open the Elementor editor from a different browser and see if the issue is still apparent.
If the editor loads successfully on a different browser (It has to be Safari, Chrome, Firefox, or Opera) this means an installed add-on is to blame. To fix the issue disable them and check if the problem is fixed. Search for extensions that block scripts to be loading on the browser or for adblockers installed on your website.
Switch off Rocket Loader on Cloudflare
Check this fix if you are using Cloudflare, if so, you will either need to switch off Rocket Loader or add custom rules to Cloudflare. Most of the time, you can fix the "Elementor stuck on loading screen" by simply switching off the Rocket Loader, because apparently, these two do not match well together. To disable the Rocket Loader,
- Go to the Cloudflare dashboard and click on the Speed tab.
- Scroll down until you stop the Rocket Loader configurations
- From the three options available click to switch the toggle OFF.