With Elementor, you get to switch the Block Editor with a extra intuitive web page builder. In case you’re an Elementor person, you’ll must load the editor each time you wish to create or edit a web page. Nevertheless, generally an error would possibly stop Elementor from loading.
Fortuitously, there are a number of options to this downside. In case you perceive what causes the error, you must be capable of troubleshoot it very quickly.
On this article, we’ll speak about what causes the Elementor not loading problem and take a look at the plugin’s necessities. Then, we’ll stroll you thru a number of strategies for troubleshooting this error. Let’s get to it!
Why Is Elementor Not Loading?
Earlier than we get to the specifics about what could cause issues with Elementor, it’s necessary to debate what the “not loading” error means. This error happens whenever you launch the Elementor editor.
Often, the editor solely takes a second to load:
Nevertheless, if the editor will get caught on the loading display screen, you’re most likely coping with an error. Word that this isn’t the identical because the editor failing to load altogether or getting an HTTP code. On this case, your web site ought to be working completely except for Elementor not with the ability to load.
Usually, Elementor would possibly fail to load resulting from your server not assembly the plugin’s necessities. You may additionally be utilizing a plugin that’s inflicting a compatibility problem with Elementor. Within the subsequent few sections, we’ll define Elementor’s necessities and present you tips on how to troubleshoot the not loading error.
What Are the Elementor Necessities?
Each plugin has its personal system necessities. Most plugin builders don’t publish this info as a result of they assume that each server can meet their minimal necessities. Often, that’s the case.
Some plugins reminiscent of web page builders and safety instruments are likely to have particular system necessities. In Elementor’s case, these are the minimal necessities (not together with space for storing):
- WordPress 5.2 or a newer model
- PHP 7 or a newer model
- MySQL 5.6 or a newer model
- A WordPress reminiscence restrict of not less than 128 MB
Most often, you’ll be capable of set up a plugin even when your server doesn’t meet its necessities. Nevertheless, that may result in the plugin not working accurately and in Elementor’s case, failing to load the editor altogether.
How To Repair Elementor Not Loading (5 Strategies)
If Elementor will get caught within the loading display screen, the very first thing you’ll wish to do is reload the web page. Strive accessing the Elementor editor once more and see if the error persists. If it does, it’s time for some troubleshooting.
1. Replace Elementor
It could be the case that Elementor is failing to load since you’re utilizing an outdated model of the plugin. Outdated plugins could cause conflicts with different instruments or with the most recent model of WordPress.
To examine in case your Elementor is updated, go to Plugins > Put in Plugins and search for the builder. If in case you have a premium license, you must see each Elementor and Elementor Professional in your plugins listing:
In case you see a discover a few newer model of Elementor, you’ll must run the mandatory updates. Then, strive accessing the editor once more.
2. Verify for Plugin Conflicts (and Take a look at Elementor Add-Ons)
It’s not unusual for plugins to trigger conflicts with each other. This usually occurs when you could have a number of plugins that supply overlapping performance or conflicting code.
Diagnosing plugin conflicts generally is a problem. Your greatest wager is to check plugins one after the other to see if any of them are inflicting Elementor to fail to load. Ideally, you’ll do that utilizing a staging web site as disabling key plugins will influence your web site’s performance.
To get began, go to Plugins > Put in Plugins. Then, you’ll wish to work your method down the listing of lively plugins, disabling them one after the other. After you disable every plugin, strive reloading the Elementor editor to see if it really works accurately.
You’ll additionally wish to pay particular consideration to Elementor add-on plugins. These add-ons develop the web page builder’s performance and widget library:
If disabling a particular plugin or add-on doesn’t make a distinction when loading the Elementor editor, you may go forward and reactivate it. The aim is to check plugins one after the other to see if any of them are inflicting compatibility points.
Another is to disable all plugins directly (besides Elementor) and see if the editor works. Nevertheless, we suggest towards this strategy except you’re utilizing a staging web site. Most WordPress websites depend on plugins for vital options, so disabling them suddenly can influence the person expertise.
3. Verify the PHP Model of Your Website
As we talked about earlier than, Elementor solely helps PHP 7 and newer variations. You may examine your present model of PHP from the WordPress admin.
Go to Instruments > Website Well being and choose the Information tab. Right here, you’ll discover some technical details about your web site. In case you open the Server tab, you’ll be capable of examine what PHP model your server makes use of:
Ideally, you’ll see both PHP 7 or 8. Nevertheless, you would possibly be capable of replace your PHP model by your internet hosting management panel, relying in your supplier.
In case you use Kinsta, the MyKinsta dashboard permits you to decide on what model of PHP to make use of for every of your websites. Open the dashboard and navigate to Websites, then choose the web site that you simply wish to replace.
Subsequent, go to the Instruments tab and scroll down till you see the PHP engine choice. You should use the Modify dropdown menu to pick what model of PHP to make use of with that web site:
With Kinsta, you get to select from the most recent variations of PHP. These present higher efficiency and performance throughout the board.
In case your internet hosting supplier doesn’t allow you to modify PHP variations immediately, we suggest contacting the assist crew. They need to give you the option that can assist you replace it if wanted. In case your internet host doesn’t assist newer variations of PHP, it may be time emigrate to a different supplier.
4. Verify Your Web site’s Reminiscence Restrict
Your web site’s PHP reminiscence restrict defines how a lot RAM the complete WordPress set up will get to make use of. Low reminiscence limits will stop lots of plugins from working accurately.
As we talked about earlier than, Elementor has a minimal system requirement of 128 MB of reminiscence. In case you’re undecided what your web site’s reminiscence restrict is, you may examine it by going to Instruments > Website Well being and deciding on the Information tab. Then, open the Server tab and take a look at the PHP reminiscence restrict entry:
Most trendy internet hosts will supply 128-256 MB because the PHP reminiscence restrict baseline. In case you’re utilizing managed WordPress internet hosting, that quantity will most likely be 256 MB.
In case you’re coping with a decrease quantity, you may try and enhance the PHP reminiscence restrict manually. The best method to take action is by way of FTP.
Begin by connecting to your web site by way of FTP or SFTP and finding the WordPress root folder. That is generally named www, public, or public_html.
When you find the folder, open it and search for the wp-config.php file:
Open the wp-config.php file with a textual content editor and search for the road that reads:
outline( ‘WP_MEMORY_LIMIT’, ‘256M’ );
Relying in your server’s reminiscence restrict, that quantity will most likely be decrease. In case you can’t discover that line, you may add it manually. Nevertheless, just remember to don’t edit every other entries within the wp-config.php file. You’ll additionally wish to add that code earlier than the road that claims:
/* That’s all, cease modifying! Joyful running a blog. */
Technically, you will get away with a reminiscence restrict of lower than 256 MB, however you may also strive setting a better one. Nevertheless, in our expertise, 256 MB is the candy spot for PHP reminiscence.
Whenever you’re achieved, save your modifications and shut the file. Now, examine the Website Well being web page once more to see if WordPress acknowledges the change in PHP reminiscence limits.
In some circumstances, your internet host won’t let you change the PHP reminiscence restrict manually. This implies you’ll want to achieve out to the assist crew to see if they’ll do it for you.
5. Change Elementor’s Loader Methodology
Elementor features a built-in function that allows you to change the way in which wherein the plugin hundreds the editor. Altering Elementor loader strategies shouldn’t have an effect on you in any method, however we suggest it as a final resort if no different troubleshooting strategy works.
To vary Elementor loading strategies, go to Elementor > Settings > Superior. Then, search for the Change Editor Loader Methodology setting and choose Allow:
Save your modifications and attempt to load the editor once more. The Elementor not loading error ought to be gone now.
Different Elementor Troubleshooting Strategies
In case you run into any technical points whereas utilizing Elementor and also you’re undecided tips on how to proceed, there are a number of different troubleshooting strategies you should utilize. Let’s check out them.
Change Themes
Hottest WordPress themes are examined with main web page builder plugins. Nevertheless, we suggest that you simply look by every theme’s description to ensure that it mentions compatibility with Elementor.
In case your present theme isn’t Elementor-friendly, updating themes would possibly resolve your issues with the web page builder. In any case, switching themes solely takes a minute, so it’s price attempting when you’re operating into issues with Elementor.
Disable Browser Add-Ons
In some circumstances, browser add-ons could cause errors on a page-by-page foundation. For instance, you would possibly use an add-on that blocks scripts, or an extension that provides customized code to particular web sites.
A few of these add-ons would possibly trigger issues when attempting to make use of Elementor. One fast strategy to examine if that’s the case is to strive utilizing Elementor with a clear browser set up.
If the errors disappear, you’ll must slim down which browser extension is inflicting the issue. This implies disabling extensions one after the other till you establish the wrongdoer.
Abstract
In case you depend on Elementor for constructing and updating your web site, having the editor fail to load can put a major wrench in your plans. There are a number of the explanation why the editor would possibly fail to load, however often it has to do with system necessities or plugin compatibility points.
Right here’s tips on how to troubleshoot the Elementor not loading error, step-by-step:
- Replace Elementor.
- Verify for plugin conflicts (and take a look at Elementor add-ons).
- Verify the PHP model of your web site.
- Verify your web site’s reminiscence restrict.
- Change Elementor’s loader methodology.
At Kinsta, our plans are designed that can assist you construct the location of your desires with web page builders like Elementor. Try our plans or discuss to gross sales to search out the plan that’s best for you.
Save time, prices and maximize web site efficiency with:
- Instantaneous assist from WordPress internet hosting consultants, 24/7.
- Cloudflare Enterprise integration.
- World viewers attain with 34 knowledge facilities worldwide.
- Optimization with our built-in Software Efficiency Monitoring.
All of that and way more, in a single plan with no long-term contracts, assisted migrations, and a 30-day-money-back-guarantee. Try our plans or discuss to gross sales to search out the plan that’s best for you.
