Elementor lädt nicht: So beheben Sie einen im Ladebildschirm hängenden Editor

Zuerst die Ursache finden: die Browser-Konsole lesen

Der eigene Artikel von Elementor zu diesem Problem, Elementor stuck on loading screen, verweist Sie immer wieder auf eine Stelle: die Browser-Konsole. Öffnen Sie bei geöffnetem, hängendem Editor die Konsole mit den Tastenkombinationen aus Elementors Konsolen-Anleitung:

• Chrome: Strg+Umschalt+J unter Windows, Cmd+Option+J auf dem Mac.
• Firefox: Strg+Umschalt+K unter Windows, Cmd+Option+K auf dem Mac.
• Edge: F12.
• Safari: Cmd+Option+C, nachdem Sie im Reiter Advanced (Erweitert) der Safari-Einstellungen Show Develop menu (Menü "Entwickeln" anzeigen) aktiviert haben.

Laden Sie die Seite bei geöffneter Konsole neu und achten Sie auf rote Zeilen. Machen Sie einen Screenshot, denn jeder, den Sie um Hilfe bitten, möchte ihn sehen. Suchen Sie dann Ihr Symptom in der Tabelle.

Bevor Sie etwas an einer Live-Kundenseite ändern, erstellen Sie ein vollständiges Backup. Elementor verlangt eines, bevor Sie Safe Mode verwenden oder Einstellungen ändern.

Fix 1: Den Browser ausschließen

Das dauert zwei Minuten und schließt eine ganze Gruppe von Ursachen aus. Aus Elementors allgemeinen Schritten zur Fehlerbehebung:

1. Öffnen Sie ein privates Fenster (in Chrome: das Drei-Punkte-Menü, dann New Incognito Window / Neues Inkognito-Fenster), melden Sie sich bei WordPress an und versuchen Sie erneut Edit with Elementor.
2. Wenn es dort funktioniert, leeren Sie den Cache Ihres normalen Browsers (in Chrome: das Drei-Punkte-Menü, dann Clear Browsing Data / Browserdaten löschen, dann Delete data / Daten löschen).
3. Schalten Sie Erweiterungen und Werbeblocker einzeln nacheinander aus und testen Sie den Editor nach jedem.
4. Oder probieren Sie einen anderen Browser. Elementor empfiehlt Chrome, Firefox, Safari oder Opera.

So prüfen Sie es: Der Editor öffnet sich in Ihrem normalen Browser und das linke Panel füllt sich mit Widgets. Wenn es nur im privaten Fenster funktioniert, auch nach dem Leeren des Caches, ist eine Ihrer Erweiterungen die Ursache.

Fix 2: Elementor und Elementor Pro zusammen aktualisieren

Elementor nennt nicht zueinander passende Versionen von Elementor und Elementor Pro als bekannte Ursache für einen hängenden Editor. Gehen Sie zu Plugins > Installed Plugins (Installierte Plugins). Wenn für eines der Plugins ein Update ansteht, aktualisieren Sie beide auf ihre neueste Version und laden Sie dann den Editor neu.

Fix 3: Plugins und das Theme im Safe Mode testen

Safe Mode lädt den Editor ohne Drittanbieter-Plugins, Theme-Code oder Elementor-Experimente. Er wirkt nur im Editor für den angemeldeten Administrator, Besucher sehen also weiterhin die normale Seite. Die Schritte aus Elementors Safe-Mode-Artikel:

1. Melden Sie sich mit einem Administrator-Konto an. In einem Multisite-Netzwerk kann das nur ein Super Admin.
2. Gehen Sie zu Elementor > Editor > Tools und bleiben Sie im Reiter General.
3. Stellen Sie Safe Mode auf Enable und klicken Sie auf Save Changes.
4. Öffnen Sie eine Seite mit Edit with Elementor. Unten rechts auf der Arbeitsfläche erscheint ein Safe-Mode-Hinweis.

Wenn der Editor ein Fenster Can't Edit? (Bearbeiten nicht möglich?) anzeigt, können Sie stattdessen in diesem Fenster auf Enable Safe Mode klicken.

Wenn der Editor im Safe Mode lädt, verursacht ein Plugin oder das Theme das Problem. Elementor rät, unter Plugins > Installed Plugins (Installierte Plugins) jedes Plugin außer Elementor und Elementor Pro zu deaktivieren, sie dann einzeln nacheinander wieder zu aktivieren und den Editor nach jedem zu testen. Um das Theme zu testen, installieren und aktivieren Sie Hello Elementor unter Appearance > Themes (Design > Themes). Beide Schritte ändern, was Besucher sehen, nutzen Sie daher auf einer stark besuchten Kundenseite eine Staging-Kopie, falls der Hoster eine anbietet, oder arbeiten Sie zu einer ruhigen Stunde. Auch ein kurzer Blick auf Elementors Liste bekannter Plugin- und Theme-Konflikte lohnt sich.

Sobald Sie das Plugin gefunden haben, wenden Sie sich an dessen Entwickler oder ersetzen Sie es durch ein ähnliches Plugin. Stellen Sie danach die Safe-Mode-Einstellung zurück und speichern Sie, denn solange Safe Mode aktiv ist, bleiben die Elementor-Experimente ausgeschaltet.

Wenn der Editor im Safe Mode weiterhin hängt, denken Sie daran, dass vom Hoster installierte Must-Use-Plugins trotzdem geladen werden. Elementors MU-Plugin-Artikel erklärt, wie Sie den Ordner mu-plugins umbenennen, oder Sie bitten den Hoster, sie abzuschalten. Wenn es daran nicht liegt, ist die Ursache eher Cloudflare, der Server oder der Browser: Gehen Sie zu Fix 4, 6 und 7.

Fix 4: Cloudflare Rocket Loader für Elementor ausschalten

Rocket Loader ist eine Geschwindigkeitseinstellung von Cloudflare, die das gesamte JavaScript zurückhält, bis die Seite gerendert ist. Elementor sagt, dass sie die Skripte des Editors verzögern oder blockieren kann. Cloudflares eigene Rocket-Loader-Seite sagt: Wenn Sie Probleme mit JavaScript oder jQuery bemerken, sollten Sie ihn deaktivieren und erneut testen.

Der schnellste Test schaltet ihn für die ganze Seite aus:

1. Öffnen Sie im Cloudflare-Dashboard Speed > Settings.
2. Gehen Sie zu Content Optimization und schalten Sie Rocket Loader aus.
3. Laden Sie den Elementor-Editor neu.

Wenn das hilft und Sie Rocket Loader für Besucher behalten möchten, schalten Sie ihn nur für Elementor mit einer Configuration Rule (Konfigurationsregel) aus (Cloudflares Schritte). Gehen Sie zu Rules > Overview, klicken Sie auf Create rule und wählen Sie Configuration Rule. Benennen Sie die Regel und legen Sie einen eigenen Filter fest, der auf Elementors URLs passt. Fügen Sie unter Then the settings are Rocket Loader mit dem Wert off hinzu und klicken Sie dann auf Deploy. Elementors Rocket-Loader-Artikel listet die abzudeckenden URLs auf: yoursite.com/*elementor* für Elementor-Seiten und yoursite.com/?elementor_library=* für Vorlagen. Elementor empfiehlt außerdem, den Cloudflare-Cache zu leeren.

Wenn Cloudflare auf derselben Seite zusätzlich in einer Weiterleitungsschleife feststeckt, siehe Cloudflare: zu viele Weiterleitungen.

Fix 5: Den Preloader des Themes ausschalten

Manche Themes zeigen vor jeder Seite eine Ladeanimation, Preloader genannt. Elementor nennt das als Ursache für den hängenden Editor. Suchen Sie im eigenen Einstellungsbereich des Themes oder unter Appearance > Customize (Design > Anpassen) nach einer Option für Preloader oder Page Loader. Schalten Sie sie aus, speichern Sie und laden Sie den Editor neu.

Fix 6: X-Frame-Options von DENY auf SAMEORIGIN ändern

Der Elementor-Editor zeigt die Seite, die Sie bearbeiten, in einem Frame an. Wenn der Server einen X-Frame-Options-Header mit dem Wert DENY sendet, zeigt der Browser diesen Frame nicht an, und die Konsole zeigt meist einen roten Fehler, der X-Frame-Options oder cross-origin erwähnt. Elementors Lösung ist, Ihren Hosting-Anbieter zu bitten, X-Frame-Options von DENY auf SAMEORIGIN zu ändern. SAMEORIGIN verhindert weiterhin, dass andere Websites Ihre Seite in einen Frame einbetten.

Senden Sie dem Hoster die Adresse der Seite, den Screenshot der Konsole und diese Zeile: Bitte ändern Sie den X-Frame-Options-Header für diese Seite von DENY auf SAMEORIGIN. So prüfen Sie es: Laden Sie den Editor bei geöffneter Konsole neu. Der Fehler sollte verschwunden sein.

Fix 7: PHP-Speicher, PHP-Version und den Editor-Loader prüfen

Wenn der Editor auch im Safe Mode versagt, rät Elementor zu prüfen, ob dem Server der Speicher ausgeht. Schauen Sie zuerst die Zahlen nach. Elementor > Editor > System zeigt System Info, einschließlich der Server-Umgebung. Die Seite Tools > Site Health > Info (Werkzeuge > Website-Zustand > Info) von WordPress hat einen Abschnitt Server (WordPress-Anleitung). Vergleichen Sie sie mit Elementors Anforderungen:

Speicher: WordPress' wp-config-Anleitung beschreibt die Einstellung WP_MEMORY_LIMIT und außerdem WP_MAX_MEMORY_LIMIT für Admin-Aufgaben. Keine von beiden kann über das hinausgehen, was der Hoster erlaubt, und manche Hoster blockieren die Erhöhung ganz. Der zuverlässigste Weg ist, den Hoster zu bitten, das PHP-Speicherlimit auf mindestens 256 MB anzuheben.

PHP-Version: Das steuert der Hoster. In den meisten Hosting-Panels können Sie eine Version wählen, und falls Ihres das nicht erlaubt, fragen Sie den Support. Elementors Artikel zum PHP-Update rät, vor dem Wechsel Ihre Themes und Plugins zu aktualisieren und ein Backup zu erstellen.

Editor-Loader: Wenn die Konsole einen Fehler 404 oder ERR_INCOMPLETE_CHUNKED_ENCODING zeigt, rät Elementors Artikel zur Server-Konfiguration, zu Elementor > Settings > Advanced zu gehen (in neueren Versionen liegt Settings unter Elementor > Editor) und Switch Editor Loader Method auf Enable zu stellen. Diese Funktion ist für Server mit wenig Ressourcen gedacht, und Elementor sagt, sie verlangsamt die Seite nicht, Sie können sie also aktiviert lassen.

Fix 8: Eigenen Code entfernen oder ein defektes Widget neu aufbauen

Wenn nur eine Seite oder Vorlage hängt, prüfen Sie, was darauf ist.

• Eigener Code (Custom Code): Gehen Sie zu Elementor > Editor > Custom Elements > Code, setzen Sie das verdächtige Snippet auf Draft (Entwurf) und laden Sie den Editor neu. Fügen Sie den Code Stück für Stück wieder hinzu.
• Ein defektes Widget: Die gespeicherten Einstellungen eines Widgets können nach Updates oder Caching nicht mehr zur Seite passen. Elementors Beispiel ist ein Loop Grid. Die Lösung: Schalten Sie diese Funktion im Element Manager aus (unter Elementor > Editor > System), speichern Sie die Seite ohne das Widget, schalten Sie die Funktion wieder ein und bauen Sie das Widget von Grund auf neu auf.
• V4-Elemente: Wenn die Editor-V4-Beta unter Elementor > Editor > Settings eingeschaltet ist, empfiehlt Elementor, sie auszuschalten, um zu sehen, ob die Seite lädt.

Wenn nichts davon geholfen hat

Sammeln Sie diese Angaben, bevor Sie jemanden kontaktieren, damit Sie das Problem nur einmal erklären müssen:

• Einen Screenshot der roten Konsolenfehler.
• Die System-Info-Datei: Elementor > Editor > System, dann Download System Info (Elementors Anleitung).
• Ob der Editor im Safe Mode, in einem privaten Fenster und mit ausgeschaltetem Rocket Loader geladen hat.
• Wann es begann und was sich kurz davor geändert hat: ein Update, ein Hoster-Wechsel, Cloudflare oder ein neues Plugin.

Für Elementor Pro melden Sie sich bei my.elementor.com an und klicken unten rechts auf das Symbol Ask Angie, um den Support zu erreichen (Elementors Ticket-Anleitung). Der Elementor-Support deckt die Kernfunktionen von Elementor ab, nicht Konflikte mit anderen Plugins. Für das kostenlose Plugin posten Sie im Elementor-Support-Forum auf WordPress.org. Änderungen an Speicher, PHP und Headern müssen vom Hosting-Anbieter vorgenommen werden. Wenn Sie viele Kundenseiten betreuen, erleichtert ein regelmäßiger monatlicher Wartungsplan es, Updates im Takt zu halten.

Häufig gestellte Fragen

Ändert Safe Mode, was Besucher auf der Live-Seite sehen?

Nein. Safe Mode betrifft nur den Elementor-Editor für den angemeldeten Administrator, Besucher sehen also weiterhin die normale Seite. Solange Safe Mode aktiv ist, schaltet er die Elementor-Experimente aus, schalten Sie ihn also wieder aus, wenn Sie mit dem Testen fertig sind.

Warum hängt nur eine Seite, während die anderen problemlos öffnen?

Das deutet meist auf etwas auf dieser Seite hin: eigener Code (Custom Code), oder ein Widget, dessen gespeicherte Einstellungen nicht mehr zur Seite passen. Setzen Sie den eigenen Code auf Draft (Entwurf) oder schalten Sie die Funktion des Widgets im Element Manager aus, speichern Sie die Seite, schalten Sie die Funktion wieder ein und bauen Sie das Widget neu auf.

Wie viel PHP-Speicher braucht Elementor?

Die Anforderungsseite von Elementor nennt 256 MB als Minimum allein für Elementor und Elementor Pro, 512 MB als empfohlen und 768 MB für beste Leistung. Außerdem verlangt sie PHP 7.4 oder höher (8.3 oder höher empfohlen) und WordPress 6.8 oder höher.

Muss ich Rocket Loader für die ganze Seite ausschalten?

Nein. Für die ganze Seite auszuschalten ist der schnellste Test. Sobald Sie wissen, dass es die Ursache ist, können Sie eine Cloudflare Configuration Rule (Konfigurationsregel) erstellen, die Rocket Loader nur für Elementor-URLs ausschaltet, und ihn für alles andere eingeschaltet lassen.

Ich finde die Safe-Mode-Einstellung nicht. Wo ist sie?

In aktuellen Versionen finden Sie sie unter Elementor > Editor > Tools, im Reiter General. Elementor hat Anfang 2026 mehrere Punkte im Admin-Menü verschoben, ältere Screenshots zeigen daher vielleicht einen anderen Pfad. Nur Administratoren können sie sehen, und in einem Multisite-Netzwerk nur Super Admins.

Wenn eine Kundenseite immer wieder kaputtgeht

Wenn die Seite eines Kunden wegen übereinandergestapelter Plugins, Cloudflare-Einstellungen und knapper Hosting-Grenzen immer wieder hängt, fragen Sie, ob dieser Kunde überhaupt einen Page Builder braucht. WebNewBiz ist ein KI-Website-Builder, bei dem Sie die Seite im Gespräch mit dem AI Copilot ändern (Texte, Abschnitte, Seiten, Design, Bilder). Hosting und SSL sind in jedem Plan enthalten, es gibt also kein separates Hosting-Konto zu verwalten. Seine Grenzen, ehrlich gesagt: Es wird eine bestehende Elementor-Seite nicht reparieren. Wenn Sie eine Seite umziehen, kommen Inhalte und Domain mit, aber das Layout muss neu aufgebaut werden. Der erste Entwurf der KI braucht weiterhin Ihre eigenen Korrekturen, und es ist eine junge Plattform mit einem viel kleineren Ökosystem als die großen Builder. Wie der Copilot funktioniert, sehen Sie auf der Seite AI website builder (KI-Website-Builder).

Erstellen Sie Ihre Website für $1. Der erste Monat kostet $1, danach gilt der normale Preis des Plans (ab $9 pro Monat), und Sie können jederzeit kündigen. Wenn Sie als Agentur Kundenseiten betreiben, sprechen Sie mit uns über White-Label.