Elementor ne charge pas : comment réparer un éditeur bloqué sur l'écran de chargement

Commencez par trouver la cause : lisez la console du navigateur

L'article d'Elementor sur ce problème, Elementor stuck on loading screen, vous renvoie toujours au même endroit : la console du navigateur. L'éditeur bloqué ouvert, ouvrez la console à l'aide des raccourcis indiqués dans le guide de la console d'Elementor :

• Chrome : Ctrl+Maj+J sur Windows, Cmd+Option+J sur Mac.
• Firefox : Ctrl+Maj+K sur Windows, Cmd+Option+K sur Mac.
• Edge : F12.
• Safari : Cmd+Option+C, après avoir activé Show Develop menu [Afficher le menu Développement] dans l'onglet Advanced [Avancé] des réglages de Safari.

Rechargez la page avec la console ouverte et cherchez les lignes en rouge. Faites une capture d'écran, car toute personne à qui vous demanderez de l'aide voudra la voir. Trouvez ensuite votre symptôme dans le tableau.

Avant de modifier quoi que ce soit sur un site client en ligne, faites une sauvegarde complète. Elementor en demande une avant d'utiliser le Safe Mode ou de changer des réglages.

Solution 1 : écarter le navigateur

Cela prend deux minutes et écarte tout un groupe de causes. D'après les étapes de dépannage courantes d'Elementor :

1. Ouvrez une fenêtre de navigation privée (dans Chrome : le menu à trois points, puis New Incognito Window [Nouvelle fenêtre de navigation privée]), connectez-vous à WordPress et réessayez Edit with Elementor.
2. Si cela fonctionne, videz le cache de votre navigateur habituel (dans Chrome : le menu à trois points, puis Clear Browsing Data, puis Delete data).
3. Désactivez les extensions et les bloqueurs de publicité un par un, en testant l'éditeur après chacun.
4. Ou essayez un autre navigateur. Elementor suggère Chrome, Firefox, Safari ou Opera.

Comment vérifier : l'éditeur s'ouvre dans votre navigateur habituel et le panneau de gauche se remplit de widgets. S'il ne fonctionne que dans la fenêtre privée, même après avoir vidé le cache, l'une de vos extensions est en cause.

Solution 2 : mettre à jour Elementor et Elementor Pro ensemble

Elementor cite les versions incompatibles d'Elementor et d'Elementor Pro comme une cause connue d'éditeur bloqué. Allez dans Plugins > Installed Plugins [Extensions > Extensions installées]. Si l'une des deux extensions a une mise à jour en attente, mettez les deux à jour vers leurs dernières versions, puis rechargez l'éditeur.

Solution 3 : tester les extensions et le thème en Safe Mode

Le Safe Mode charge l'éditeur sans les extensions tierces, le code du thème ni les experiments [fonctionnalités expérimentales] d'Elementor. Il n'agit qu'à l'intérieur de l'éditeur pour l'administrateur connecté, donc les visiteurs voient toujours le site normal. Les étapes de l'article sur le Safe Mode d'Elementor :

1. Connectez-vous avec un compte Administrator [Administrateur]. Sur un réseau multisite, seul un Super Admin peut le faire.
2. Allez dans Elementor > Editor > Tools [Elementor > Éditeur > Outils] et restez sur l'onglet General [Général].
3. Réglez Safe Mode sur Enable [Activer] et cliquez sur Save Changes [Enregistrer les modifications].
4. Ouvrez une page avec Edit with Elementor. Un badge Safe Mode apparaît dans le coin inférieur droit de la zone d'édition.

Si l'éditeur affiche une fenêtre Can't Edit? [Impossible de modifier ?], vous pouvez aussi cliquer sur Enable Safe Mode [Activer le Safe Mode] dans cette fenêtre.

Si l'éditeur se charge en Safe Mode, c'est une extension ou le thème qui pose problème. Elementor conseille de désactiver toutes les extensions sauf Elementor et Elementor Pro depuis Plugins > Installed Plugins [Extensions > Extensions installées], puis de les réactiver une par une en testant l'éditeur après chacune. Pour tester le thème, installez et activez Hello Elementor depuis Appearance > Themes [Apparence > Thèmes]. Ces deux étapes changent ce que voient les visiteurs, donc sur un site client très fréquenté, utilisez une copie de préproduction si l'hébergeur en propose une, ou travaillez à une heure creuse. La liste des conflits connus d'extensions et de thèmes d'Elementor mérite aussi un coup d'œil.

Une fois l'extension identifiée, contactez son développeur ou remplacez-la par une extension similaire. Remettez ensuite le réglage Safe Mode comme avant et enregistrez, car le Safe Mode garde les experiments [fonctionnalités expérimentales] d'Elementor désactivées tant qu'il est actif.

Si l'éditeur reste bloqué en Safe Mode, rappelez-vous que les must-use plugins installés par l'hébergeur se chargent quand même. L'article sur les extensions MU d'Elementor explique comment renommer le dossier mu-plugins, ou vous pouvez demander à l'hébergeur de les désactiver. Si ce n'est pas cela, la cause vient plus probablement de Cloudflare, du serveur ou du navigateur : passez aux solutions 4, 6 et 7.

Solution 4 : désactiver Cloudflare Rocket Loader pour Elementor

Rocket Loader est un réglage de performance de Cloudflare qui retient tout le JavaScript jusqu'à ce que la page soit affichée. Elementor indique qu'il peut retarder ou bloquer les scripts de l'éditeur. La page Rocket Loader de Cloudflare précise que si vous constatez des problèmes de JavaScript ou de jQuery, vous devez le désactiver et refaire un test.

Le test le plus rapide consiste à le désactiver pour tout le site :

1. Dans le tableau de bord Cloudflare, ouvrez Speed > Settings [Vitesse > Réglages].
2. Allez dans Content Optimization [Optimisation du contenu] et désactivez Rocket Loader.
3. Rechargez l'éditeur Elementor.

Si cela règle le problème et que vous voulez garder Rocket Loader pour les visiteurs, désactivez-le uniquement pour Elementor avec une Configuration Rule [règle de configuration] (étapes de Cloudflare). Allez dans Rules > Overview [Règles > Aperçu], cliquez sur Create rule [Créer une règle] et choisissez Configuration Rule. Nommez la règle et définissez un filtre personnalisé qui correspond aux URL d'Elementor. Sous Then the settings are [Alors les réglages sont], ajoutez Rocket Loader réglé sur off, puis cliquez sur Deploy [Déployer]. L'article Rocket Loader d'Elementor indique les URL à couvrir : yoursite.com/*elementor* pour les pages Elementor et yoursite.com/?elementor_library=* pour les modèles. Elementor suggère aussi de vider le cache de Cloudflare.

Si Cloudflare est aussi coincé dans une boucle de redirection sur le même site, consultez Cloudflare too many redirects.

Solution 5 : désactiver le préchargeur du thème

Certains thèmes affichent une animation de chargement, appelée préchargeur, avant l'apparition de chaque page. Elementor cite cela comme une cause d'éditeur bloqué. Cherchez une option de préchargeur ou de page loader dans le panneau de réglages du thème ou dans Appearance > Customize [Apparence > Personnaliser]. Désactivez-la, enregistrez et rechargez l'éditeur.

Solution 6 : passer X-Frame-Options de DENY à SAMEORIGIN

L'éditeur Elementor affiche la page que vous modifiez à l'intérieur d'un cadre. Si le serveur envoie un en-tête X-Frame-Options réglé sur DENY, le navigateur n'affiche pas ce cadre, et la console montre en général une erreur en rouge qui mentionne X-Frame-Options ou cross-origin. La solution d'Elementor consiste à demander à votre hébergeur de passer X-Frame-Options de DENY à SAMEORIGIN. SAMEORIGIN empêche toujours d'autres sites web d'afficher le vôtre dans un cadre.

Envoyez à l'hébergeur l'adresse du site, la capture d'écran de la console et cette phrase : merci de passer l'en-tête X-Frame-Options de DENY à SAMEORIGIN pour ce site. Comment vérifier : rechargez l'éditeur avec la console ouverte. L'erreur devrait avoir disparu.

Solution 7 : vérifier la mémoire PHP, la version de PHP et le chargeur de l'éditeur

Si l'éditeur échoue toujours en Safe Mode, Elementor conseille de vérifier si le serveur manque de mémoire. Commencez par relever les chiffres. Elementor > Editor > System [Elementor > Éditeur > Système] affiche les System Info [informations système], y compris l'environnement serveur. L'écran Tools > Site Health > Info [Outils > Santé du site > Informations] de WordPress comporte une section Server [Serveur] (guide WordPress). Comparez-les avec les prérequis d'Elementor :

Mémoire : le guide wp-config de WordPress décrit le réglage WP_MEMORY_LIMIT, ainsi que WP_MAX_MEMORY_LIMIT pour les tâches d'administration. Ni l'un ni l'autre ne peut dépasser ce que l'hébergeur autorise, et certains hébergeurs bloquent complètement l'augmentation. La voie la plus fiable est de demander à l'hébergeur de porter la limite de mémoire PHP à au moins 256 Mo.

Version de PHP : c'est l'hébergeur qui la contrôle. La plupart des panneaux d'hébergement vous laissent choisir une version, et si le vôtre ne le permet pas, demandez au support. L'article sur la mise à jour de PHP d'Elementor conseille de mettre à jour vos thèmes et extensions et de faire une sauvegarde avant de changer.

Chargeur de l'éditeur : si la console affiche une erreur 404 ou ERR_INCOMPLETE_CHUNKED_ENCODING, l'article sur la configuration du serveur d'Elementor conseille d'aller dans Elementor > Settings > Advanced [Elementor > Réglages > Avancé] (sur les versions récentes, Settings se trouve sous Elementor > Editor) et de régler Switch Editor Loader Method [Changer la méthode de chargement de l'éditeur] sur Enable [Activer]. C'est conçu pour les serveurs à faibles ressources, et Elementor affirme que cela ne ralentit pas le site, vous pouvez donc le laisser activé.

Solution 8 : retirer le code personnalisé ou reconstruire un widget défectueux

Si une seule page ou un seul modèle se bloque, vérifiez ce qu'il contient.

• Code personnalisé : allez dans Elementor > Editor > Custom Elements > Code [Elementor > Éditeur > Éléments personnalisés > Code], passez en Draft [Brouillon] le snippet que vous soupçonnez et rechargez l'éditeur. Remettez le code un morceau à la fois.
• Un widget défectueux : les réglages enregistrés d'un widget peuvent se désynchroniser du site après des mises à jour ou la mise en cache. L'exemple d'Elementor est une Loop Grid. La solution consiste à désactiver cette fonctionnalité dans Element Manager [Gestionnaire d'éléments] (sous Elementor > Editor > System [Elementor > Éditeur > Système]), à enregistrer la page sans le widget, à réactiver la fonctionnalité et à reconstruire le widget de zéro.
• Éléments V4 : si la bêta de l'Editor V4 est activée dans Elementor > Editor > Settings [Elementor > Éditeur > Réglages], Elementor suggère de la désactiver pour voir si la page se charge.

Si rien de tout cela n'a fonctionné

Rassemblez ces éléments avant de contacter qui que ce soit, pour n'avoir à expliquer le problème qu'une seule fois :

• Une capture d'écran des erreurs en rouge de la console.
• Le fichier System Info : Elementor > Editor > System [Elementor > Éditeur > Système], puis Download System Info [Télécharger les informations système] (guide d'Elementor).
• Si l'éditeur s'est chargé en Safe Mode, dans une fenêtre privée et avec Rocket Loader désactivé.
• Quand cela a commencé, et ce qui a changé juste avant : une mise à jour, un changement d'hébergeur, Cloudflare ou une nouvelle extension.

Pour Elementor Pro, connectez-vous sur my.elementor.com et cliquez sur l'icône Ask Angie dans le coin inférieur droit pour joindre le support (guide des tickets d'Elementor). Le support Elementor couvre les fonctionnalités de base d'Elementor, pas les conflits avec d'autres extensions. Pour l'extension gratuite, publiez sur le forum de support Elementor sur WordPress.org. Les changements de mémoire, de PHP et d'en-têtes doivent être faits par l'hébergeur. Si vous gérez de nombreux sites clients, un forfait d'entretien mensuel régulier facilite le suivi des mises à jour.

Questions fréquentes

Le Safe Mode change-t-il ce que voient les visiteurs sur le site en ligne ?

Non. Le Safe Mode n'agit que sur l'éditeur Elementor pour l'administrateur connecté, donc les visiteurs continuent de voir le site normal. Il désactive bien les experiments [fonctionnalités expérimentales] d'Elementor tant qu'il est actif, pensez donc à le désactiver une fois vos tests terminés.

Pourquoi une seule page se bloque-t-elle alors que les autres s'ouvrent normalement ?

Cela désigne en général quelque chose sur cette page : du code personnalisé, ou un widget dont les réglages enregistrés ne correspondent plus au site. Passez le code personnalisé en Draft [Brouillon], ou désactivez la fonctionnalité du widget dans Element Manager, enregistrez la page, réactivez la fonctionnalité et reconstruisez le widget.

De combien de mémoire PHP Elementor a-t-il besoin ?

La page des prérequis d'Elementor indique 256 Mo comme minimum pour Elementor et Elementor Pro seuls, 512 Mo comme valeur recommandée et 768 Mo pour de meilleures performances. Elle demande aussi PHP 7.4 ou supérieur (8.3 ou supérieur recommandé) et WordPress 6.8 ou supérieur.

Dois-je désactiver Rocket Loader pour tout le site ?

Non. Le désactiver pour tout le site est le test le plus rapide. Une fois que vous savez que c'est la cause, vous pouvez créer une Configuration Rule Cloudflare qui désactive Rocket Loader uniquement pour les URL d'Elementor et le laisse activé pour tout le reste.

Je ne trouve pas le réglage Safe Mode. Où se trouve-t-il ?

Sur les versions actuelles, il se trouve sous Elementor > Editor > Tools [Elementor > Éditeur > Outils], dans l'onglet General [Général]. Elementor a déplacé plusieurs éléments de son menu d'administration début 2026, donc d'anciennes captures d'écran peuvent montrer un autre chemin. Seuls les Administrators [administrateurs] peuvent le voir, et sur un réseau multisite, seuls les Super Admins.

Si un site client continue de casser

Si le site d'un client se bloque sans cesse à cause d'extensions empilées, de réglages Cloudflare et de limites d'hébergement serrées, demandez-vous si ce client a vraiment besoin d'un constructeur de pages. WebNewBiz est un constructeur de site web par IA où vous modifiez le site en discutant avec l'AI Copilot [copilote IA] (textes, sections, pages, design, images). L'hébergement et le SSL sont inclus dans chaque forfait, il n'y a donc pas de compte d'hébergement séparé à gérer. Ses limites, en toute honnêteté : il ne réparera pas un site Elementor existant. Si vous migrez un site, le contenu et le domaine suivent mais la mise en page doit être refaite. Le premier jet de l'IA a toujours besoin de vos propres retouches, et c'est une jeune plateforme avec un écosystème bien plus réduit que les grands constructeurs. Vous pouvez voir comment fonctionne le Copilot sur la page constructeur de site web par IA.

Créez votre site web pour 1 $. Le premier mois est à 1 $, puis le prix normal du forfait (à partir de 9 $ par mois), et vous pouvez annuler à tout moment. Si vous gérez des sites clients en tant qu'agence, parlez-nous du white-label.