Another day of web development and you are excited to implement your ideas to your webpage. But suddenly, the Elementor stuck on the loading screen. We know how frustrating it is, especially when you are running out of time. Only if there was a quick solution to this. Luckily there is. And it will only take a few minutes to fix it.
Elementor not loading templates, Elementor not loading WordPress, or Elementor stuck on loading screen can be caused due to many reasons like some plugins and their PHP conflicts, server limitations, etc. Some third-party Elementor add-ons are not developed with production-level code. These factors may cause malfunctioning of Elementor, and make it stuck on the loading screen.
If you ever faced a problem where Elementor loading endlessly, you might need to check the following:
1.Check Plugin Conflicts
The first step to debug any such issues is to look for possible plugin conflicts. Deactivate all the plugins on your site except Elementor and Elementor Pro. Now, check if Elementor is loading or not. If Elementor loads correctly then probably we have a plugin conflict or the server is running out of resources.
Start activating plugins one by one and at the same time keep checking Elementor’s functionality. If Elementor stops loading after activating a particular plugin then this could be a plugin conflict.
Now, check if you see any JS errors or Messages in the Console when you try to load Elementor on a page.
2.Check PHP Version & PHP Memory Limit
An outdated version of PHP or a server with limited PHP memory can also cause the ‘Elementor not loading’ issue. Elementor recommends using PHP 7.0 or higher for best performance with a preferred 128M or higher memory limit. In case your site uses some third-party Elementor addons and plugins then it’s recommended to have a higher memory limit.
- 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.
- Environment’s information. If your memory limit is below 128M, you need to increase it. 3Disable Unused Widgets
If you are using Elementor addons, then you can try disabling unused Elementor Widgets. Deactivating/Disabling unused Elementor widgets will reduce resource usage and can fix the loading errors.
To fix this you have to head over to the Appearance » Disable Widgets page and click on the Dashboard Widgets tab.
Select the widgets you want to hide from the dashboard screen and click on the save changes button to store your settings.
4.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.
- 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.
5.Check .htaccess File
If your site is running on an Apache server then you can access the contents of the .htaccess file. Incorrect settings in .htaccess file can also break the functionality. You can create a backup of the existing .htaccess file and create a new one with the default content as mentioned here.
6.Increase Apache Service Limit
Sometimes the server reaches it’s resource limits, in this case, you can increase the limit by adding the following code to the .htaccess file
7.Change Editor Loading Method
Elementor provides an option to change the front-end editor’s loading method. But we don’t have much information about what and how it works. Use the option switch front-end editor loader method. You can find it in the settings of Elementor in your WordPress Dashboard. Enable this option and check if it solved the issue.
8.Use well-coded Elementor addons
Using a lot of “free” elementor addons will consume more server resources, conflicts, and several other compatibility issues. So, it’s always recommended to pick one or two of the best elementor addons for the best performance. Before making a decision, check the Elementor addon has good reviews, is regularly updated, and is backed by a strong team of WordPress experts.
If you are looking for a reliable Elementor addon, checkout PowerPack for Elementor. It’s light-weight, optimized for performance, and offers 70+ elementor widgets.
Did these solutions work for you? Let us know if you come across any other way to fix the Elementor not Loading error in the comment section below.
9. 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.
- 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.
One of the most common issues of Elementor is being stuck on the loading screen. But you don’t have to worry because 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, you can reach out to Elementor’s support team.
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.