How to Fix Elementor Not Loaded Error

Why is Elementor not loading?

If you are having problems launching the Elementor editor and it keeps getting stuck on the loading page, this means that there may be some malfunction. Usually it takes some time for the Elementor editor to load and you should see the loading screen as below:

If the loading screen never goes away, then it may be because something is wrong.

Common reasons for Elementor not loading include that the server does not meet the requirements for Elementor, or that some plugins are installed that are not compatible with Elementor. Next, we will explain in detail what kind of server environment Elementor needs and provide some solutions to the loading problem.

What are the requirements for Elementor?

Elementor is a popular page builder plugin that has certain requirements for the server environment to ensure that it runs and loads properly. Below are the minimum system requirements for Elementor:

1. WordPress version: Must be 5.2 or higher. WordPress is the base platform for running Elementor, and newer versions offer better security and performance.
2. PHP versionPHP is the server-side scripting language that runs WordPress sites, and newer versions have improved speed and security.
3. MySQL Versions: At least version 5.6 or later. MySQL is the database management system used to store website data, including page content created by Elementor.
4. WordPress Memory Limit: needs to be set to at least 128 MB. this memory limit ensures enough resources to execute Elementor and other plugins.

How to Fix Elementor Not Loading Issue

When the Elementor editor is stuck on the loading screen, you should first try refreshing the page. If the problem persists, you may need to take the following steps to troubleshoot:

1,Update Elementor

If you are using an older version of Elementor, it may conflict with the latest version of WordPress or other plugins. To make sure your Elementor plugin is the latest version, head over to the WordPress "plug-in (software component)"section, click on "Installed plug-ins", look for Elementor and its Pro version (if a premium license was purchased). Be sure to update if an update is available.

2、Check plug-in conflicts

If there is a problem loading the Elementor editor, it may be due to a conflict between installed plugins. This usually happens when multiple plugins provide similar functionality or contain conflicting code. Here are simplified steps on how to check and resolve plugin conflicts:

1. Disable plug-ins one by one
   Go to the WordPress backend and click "plug-in (software component)"and then select "Installed plug-ins". Starting from the list, disable each plugin one by one. After disabling each plugin, try reloading the Elementor editor to see if it solves the problem. This method will help you figure out exactly which plugin is causing the problem.
2. Testing Elementor Add-ons
   Add-ons for Elementor can enhance the functionality of the editor, but can sometimes cause conflicts. Pay special attention to these add-ons and test them as described above to see if they affect the loading of Elementor.

If you don't find a problem after disabling plugins one by one and trying to load the Elementor editor, you can re-enable those plugins. The goal is to check each plugin one by one to see if any of them are causing compatibility issues.

It is also possible to consider a faster method: temporarily disable all plugins except Elementor and then check if the editor works. However, this method is best done on temporary sites. Most WordPress sites rely on a variety of plugins to provide necessary features and services, and disabling them all at once may cause inconvenience.

3、Check the PHP version of the website

To make sure Elementor is working properly, you need to check and make sure you are using a supported version of PHP. Here are the simple steps on how to check and update the PHP version of your website:

1. View the current PHP version
   Login toWordPressBackstage, click "artifact"and then select "Site Health Status". Under the "Information" tab, find and click on the "Server" section. The version of PHP you are currently using will be displayed here; Elementor requires PHP 7 or higher, so make sure you have a version that meets this requirement.
   

   

2. Update PHP version
   If your PHP version is lower than 7, you may need to update it. This can usually be done through your web hosting provider's control panel.

4、Check the memory limit of the website

Checking and making sure your site has enough memory is a crucial step in keeping plugins like Elementor running smoothly. Here are the steps on how to simply check and increase your PHP memory limit:

1. View existing memory limits
   Login toWordPress BackendClick on "artifact" > "Site Health Status", then select "text"tab. In the "server (computer)In the "PHP Memory Limit" section, you can see the exact value of the "PHP Memory Limit". elementor requires at least 128 MB of memory.
2. How to increase the memory limit
   If your memory limit is below 128 MB, you can increase it by modifying your WordPress configuration:
   • utilizationFTP ToolsConnect to your web server and locate the root WordPress directory (usually thewww,publicmaybepublic_html).
   • In this directory find thewp-config.phpfile and open it with a text editor.
   • Check for such lines of code:define('WP_MEMORY_LIMIT', '256M');. If not, you can find out more about it in the/* That's all, stop editing! Happy publishing. */before adding it.
   • If this line of code already exists but the number is low, you can change it to a higher value, such as256MThe
3. Save and check
   After saving the file, return to the WordPress site status page to confirm that WordPress recognized the memory limit change.

5. Switching the loading method of Elementor

Elementor has an option that lets you change the way it loads the editor. If you've tried all the other troubleshooting methods and the problem persists, consider using this feature as a last resort. Here are simplified steps on how to change the way Elementor loads:

1. Open Settings
   Log in to your WordPress backend and click "Elementor"and then select "set up", then go to "high level"Part.
2. Changing the loading method
   In the settings find "Switch Editor Loader Method" option and select Enable this setting.
3. Save and test
   After saving your changes, try reloading the Elementor editor. At this point, the loading problems encountered previously should have been resolved.

Other Elementor Troubleshooting

If you are experiencing technical problems with Elementor, here are some other troubleshooting methods that may help you solve the problem:

1. Switching Topics
   Some themes may not be fully compatible with Elementor, make sure your theme supports Elementor, this is usually explicitly mentioned in the theme's description. If the theme you are currently using is not compatible, try switching to a compatible theme, this may solve the problem.
2. Disable Browser Extensions
   Some browser extensions may interfere with the proper functioning of Elementor, especially those that block scripting or add custom code. Try running Elementor in a browser that does not have any extensions installed; if this solves the problem, then the problem may be with a specific extension. You can find out the source of the problem by disabling extensions one by one.

Conclusion:

Elementor to build and update your website, encountering problems with the editor failing to load can put a damper on your progress. Usually such issues are related to not meeting system requirements or the presence of plugin compatibility conflicts. Here are some steps to help resolve Elementor load failure issues:

1. Update Elementor: Make sure you are using the latest version of Elementor.
2. Checking for plugin conflicts: Check to see if any other plugins are conflicting with Elementor. You can try disabling other plugins one by one and reloading Elementor to see if the problem is solved.
3. Check PHP version: Make sure that the version of PHP on your server meets Elementor's requirements (at least PHP 7).
4. Checking Memory Limits: Elementor requires at least 128MB of RAM. Check in the WordPress backend and make sure the PHP memory limit is sufficient.
5. Toggle loading method: If none of the above works, try changing the way Elementor is loaded, which can sometimes solve the problem.