Solve Elementor stuck on loading After Update – Permanent Solution
You click Edit with Elementor, and it never loads. The spinner stays forever or the editor screen is blank. This usually happens after plugin/theme updates or a hosting change. The cause is rarely Elementor itself-most of the time it’s caching, scripts blocked, memory issues, or plugin conflicts.
Here is a clean step-by-step method to fix it permanently.
1. Clear Elementor, Browser, and Hosting Cache
After an update, old cached scripts conflict with new ones.
Do this:
- Elementor → Tools → Regenerate CSS
- Elementor → Tools → Sync Library
- Clear browser cache
- If using CDN (Cloudflare, LiteSpeed, QUIC, Bunny), purge cache
Also delete:/wp-content/uploads/elementor/css/
Elementor will regenerate fresh files.
2. Disable Problematic Performance Plugins
Optimization plugins often block builder scripts:
- LiteSpeed Cache
- Autoptimize
- WP Rocket
- SG Optimizer
- Hummingbird
- Asset CleanUp
Turn them off temporarily:
- Disable plugin
- Refresh Elementor
If Elementor opens normally, go back and:
- Disable JavaScript aggregation
- Disable CSS combination
- Disable async/defer options for admin/editor
- Exclude Elementor URLs from optimization
3. Enable the “Load Editor Using Safe Mode”
This bypasses theme/plugin conflicts.
Go to:
Elementor → Tools → Safe Mode → Enable
Try editing again.
If it opens, you confirmed a plugin or theme conflict.
Then:
- Disable all plugins except Elementor + Elementor Pro
- Enable them one by one
- When loading breaks, you found the conflict
4. Increase PHP Memory Limit
Elementor needs resources. On shared hosting, you often run into limits.
Edit wp-config.php:
define('WP_MEMORY_LIMIT', '512M');
define('WP_MAX_MEMORY_LIMIT', '512M');Then restart editor.
Hosting minimum recommendations:
- PHP 8.0 or higher
- 512M memory
- 256M post max size
- 64M upload size or more
5. Disable Unused Elementor Experiments
Elementor experiments often introduce bugs after update.
Go to:
Elementor → Settings → Experiments
Set problematic items to Disabled or Stable:
- Flexbox Container
- DOM Optimization
- Assets Loading
- Inline Icons
Save changes and reload builder.
6. Fix “Editor Loads Forever” With AJAX Mode
Sometimes hosting blocks direct requests.
Go to:
Elementor → Settings → Advanced → Load Editor using AJAX = Enable
This often resolves endless spinning on shared hosting and Cloudflare setups.
7. Check Theme Templates and Custom Code
Outdated theme files or injected scripts can break editor load.
Test with a default theme:
- Switch temporarily to Hello Elementor or Twenty Twenty-Four
- Open editor
If it works:
- Your theme has outdated template overrides
- Remove custom js/css loaded globally
- Check child theme modifications
8. Update Elementor and Elementor Pro Together
Never update only one.
If Elementor is 3.24 and Elementor Pro is 3.16, conflicts occur.
Update both:
- Elementor
- Elementor Pro
- Theme
They must be version-compatible.
9. Disable Cloudflare Rocket Loader
Rocket Loader interferes with Elementor editor scripts.
In Cloudflare:
Speed → Optimization → Rocket Loader OFF
Then Purge Cache.
10. Fix LiteSpeed / QUIC Cloud
If you use LiteSpeed:
- Disable CSS/JS Combine
- Disable Guest Mode
- Disable UCSS (unused CSS)
Exclude:
wp-admin
wp-json
elementorQuick Checklist
- Clear all caches (browser + plugin + CDN)
- Regenerate Elementor CSS files
- Disable optimization plugins temporarily
- Enable Safe Mode to detect conflict
- Turn on Elementor AJAX editor mode
- Increase PHP memory limit
- Set Elementor Experiments to Stable
- Update Elementor + Elementor Pro at the same time
- Check themes/templates if issue remains
Once caching, memory, and conflicts are handled, Elementor loads instantly even after updates.
