WordPress Troubleshooting & Fixes

How to Fix Elementor Stuck on Loading Screen

blog-post-banner

WordPress Troubleshooting & Fixes

How to Fix Elementor Stuck on Loading Screen

Is Elementor stuck on the loading screen with the spinning loader icon? Does the editor never finish loading? This is one of the most common Elementor issues and usually happens due to plugin conflicts, memory limits, cached scripts, or blocked requests. Here is the complete step-by-step solution.

1

Why Elementor Gets Stuck on the Loading Screen

The editor stops loading when a resource or request fails.

Common causes:

  • Plugin conflicts (most common)
  • Insufficient PHP memory
  • Caching/minification breaking scripts
  • REST API blocked
  • Cloudflare / CDN blocking requests
  • Old or corrupted Elementor files
  • Incorrect file permissions
  • SSL mixed content errors
  • Theme JavaScript conflict

Follow the steps below to diagnose and fix the issue completely.

2

Step 1: Disable All Optimization & Cache Plugins

The most common reason Elementor doesn’t load is JS/CSS minification.

Temporarily disable:

  • LiteSpeed Cache
  • WP Rocket
  • W3 Total Cache
  • Autoptimize
  • Hummingbird
  • Asset CleanUp
  • SG Optimizer

Then reload the Elementor editor.

If it loads → the issue was caused by JS/CSS optimization.

3

Step 2: Increase WordPress Memory Limit

Elementor requires more memory than default WordPress settings.


define( 'WP_MEMORY_LIMIT', '512M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );
    

Then restart PHP from your hosting control panel.

Elementor recommends a minimum of 256M, but 512M is ideal.

4

Step 3: Disable All Plugins Except Elementor

A plugin conflict can stop Elementor from loading.

Steps:

  1. Deactivate all plugins except Elementor & Elementor Pro
  2. Reload the editor
  3. Re-activate plugins one by one to identify the culprit

Common conflict-causing plugins:

  • Security plugins (Wordfence, AIOS, iThemes)
  • Optimization/minification plugins
  • Old page builder plugins
  • Outdated premium plugins

5

Step 4: Enable Safe Mode in Elementor

This loads Elementor without any external plugins or theme scripts.

Go to:

  • Elementor → Tools → Safe Mode

If the editor loads in Safe Mode → plugin or theme conflict confirmed.

6

Step 5: Check REST API Status

If the REST API is blocked, Elementor cannot communicate with WordPress.

Go to:

  • Tools → Site Health → Status

Look for REST API errors.

Possible causes:

  • Security plugins blocking routes
  • Firewall / ModSecurity blocks
  • Cloudflare blocking /wp-json/

Fix by disabling blocks (handled below).

7

Step 6: Disable Cloudflare / CDN Restrictions

Cloudflare often blocks Elementor scripts and API calls.

Disable temporarily:

  • Bot Fight Mode
  • Under Attack Mode
  • Rocket Loader

Add a Page Rule:


*yourdomain.com/wp-admin*
Disable Security
Disable Performance
Cache Level: Bypass
    

Also bypass /wp-json/ requests.

8

Step 7: Regenerate CSS & Sync Library

Corrupted CSS or outdated files may block loading.

Go to:

  • Elementor → Tools → Regenerate CSS & Data
  • Elementor → Tools → Sync Library

Then clear your entire WordPress cache.

9

Step 8: Switch to a Default Theme

Some themes load outdated jQuery or conflicting scripts.

Steps:

  • Switch to Twenty Twenty-Four
  • Try loading Elementor again

If it works → your theme caused the conflict.

10

Step 9: Check File Permissions

Incorrect permissions sometimes block editor resources.

  • Folders → 755
  • Files → 644

Check especially:

  • /wp-content/uploads/elementor/
  • /wp-content/plugins/elementor/
  • /wp-content/themes/

11

Step 10: Turn Off Maintenance Mode

Maintenance mode can cause the editor to fail loading.

Disable:

  • Elementor Maintenance Mode
  • Coming Soon plugins
  • Maintenance mode from hosting (Hostinger, SiteGround)

12

Step 11: Update Elementor, Theme & WordPress

Old versions cause JS incompatibility.

  • Update Elementor
  • Update Elementor Pro
  • Update WordPress core
  • Update your theme
  • Update all plugins

Outdated jQuery is one of the biggest Elementor loading issues.

Want Elementor to Run Smooth Always?

All SiteCrafted ready-made websites are fully optimized for Elementor with clean scripts, high-performance hosting, CDN setup, and zero conflicts. Build confidently without errors.

Get an Elementor-Optimized Website

Sandeep Sangam

Sandeep Sangam

Author at SiteCrafted Web Solutions

Sandeep Sangam is the Founder of SiteCrafted Web Solutions and a WordPress expert specializing in high-performance business websites, SEO-ready templates, and conversion-focused designs. With years of experience helping small businesses and entrepreneurs build a strong online presence, he creates beginner-friendly WordPress tutorials that simplify complex concepts and make website building easy for everyone.

Through SiteCrafted, Sandeep has helped hundreds of clients launch beautiful, fast, and scalable WordPress websites without technical complexity. His mission is to provide practical guidance, ready-to-use solutions, and professional resources that empower users to build and grow their websites with confidence.

View all posts by Sandeep Sangam
author-avatar

About Sandeep Sangam

Sandeep Sangam is the Founder of SiteCrafted Web Solutions and a WordPress expert specializing in high-performance business websites, SEO-ready templates, and conversion-focused designs. With years of experience helping small businesses and entrepreneurs build a strong online presence, he creates beginner-friendly WordPress tutorials that simplify complex concepts and make website building easy for everyone.

Through SiteCrafted, Sandeep has helped hundreds of clients launch beautiful, fast, and scalable WordPress websites without technical complexity. His mission is to provide practical guidance, ready-to-use solutions, and professional resources that empower users to build and grow their websites with confidence.

Leave a Reply

Your email address will not be published. Required fields are marked *