Comment réparer l'erreur Elementor Not Loading

Publié: 2022-07-08

Avec Elementor, vous pouvez remplacer l'éditeur de blocs par un constructeur de pages plus intuitif. Si vous êtes un utilisateur Elementor, vous devrez charger l'éditeur chaque fois que vous souhaitez créer ou modifier une page. Cependant, une erreur peut parfois empêcher le chargement d'Elementor.

Heureusement, il existe plusieurs solutions à ce problème. Si vous comprenez la cause de l'erreur, vous devriez pouvoir la résoudre en un rien de temps.

Dans cet article, nous parlerons des causes du problème de non chargement d'Elementor et examinerons les exigences du plugin. Ensuite, nous vous expliquerons plusieurs méthodes pour résoudre cette erreur. Allons-y !

Pourquoi Elementor ne se charge-t-il pas ?

Avant d'entrer dans les détails de ce qui peut causer des problèmes avec Elementor, il est important de discuter de ce que signifie l'erreur «pas de chargement». Cette erreur se produit lorsque vous lancez l'éditeur Elementor.

Habituellement, l'éditeur ne prend qu'un instant pour se charger :

Capture d'écran du chargement du générateur de pages Elementor
Chargement du constructeur de pages Elementor

Cependant, si l'éditeur reste bloqué sur l'écran de chargement, vous avez probablement affaire à une erreur. Notez que ce n'est pas la même chose que l'éditeur qui ne se charge pas complètement ou qui obtient un code HTTP. Dans ce cas, votre site Web devrait fonctionner parfaitement, sauf qu'Elementor ne peut pas se charger.

En règle générale, Elementor peut ne pas se charger car votre serveur ne répond pas aux exigences du plug-in. Vous utilisez peut-être également un plugin qui cause un problème de compatibilité avec Elementor. Dans les prochaines sections, nous décrirons les exigences d'Elementor et vous montrerons comment résoudre l'erreur de non chargement.

Vous voyez cette erreur frustrante ? La solution est à portée de clic Cliquez pour tweeter

Quelles sont les exigences Elementor?

Chaque plugin a ses propres exigences système. La plupart des développeurs de plugins ne publient pas ces informations car ils supposent que chaque serveur peut répondre à leurs exigences minimales. Habituellement, c'est le cas.

Certains plugins tels que les constructeurs de pages et les outils de sécurité ont tendance à avoir des exigences système spécifiques. Dans le cas d'Elementor, voici les exigences minimales (hors espace de stockage) :

  • WordPress 5.2 ou une version plus récente
  • PHP 7 ou une version plus récente
  • MySQL 5.6 ou une version plus récente
  • Une limite de mémoire WordPress d'au moins 128 Mo

Dans la plupart des cas, vous pourrez installer un plugin même si votre serveur ne répond pas à ses exigences. Cependant, cela peut empêcher le plug-in de fonctionner correctement et, dans le cas d'Elementor, ne pas charger complètement l'éditeur.

Comment réparer Elementor ne se charge pas (5 méthodes)

Si Elementor reste bloqué dans l'écran de chargement, la première chose à faire est de recharger la page. Essayez d'accéder à nouveau à l'éditeur Elementor et voyez si l'erreur persiste. Si c'est le cas, il est temps de procéder à un dépannage.

1. Mettre à jour Elementor

Il se peut qu'Elementor ne se charge pas parce que vous utilisez une version obsolète du plugin. Les plugins obsolètes peuvent provoquer des conflits avec d'autres outils ou avec la dernière version de WordPress.

Pour vérifier si votre Elementor est à jour, allez dans Plugins > Plugins installés et recherchez le constructeur. Si vous avez une licence premium, vous devriez voir Elementor et Elementor Pro dans votre liste de plugins :

Assurez-vous que les plugins Elementor sont mis à jour
Mettre à jour Elementor

Si vous voyez un avis concernant une version plus récente d'Elementor, vous devrez exécuter les mises à jour nécessaires. Ensuite, essayez à nouveau d'accéder à l'éditeur.

2. Vérifiez les conflits de plugins (et testez les modules complémentaires Elementor)

Il n'est pas rare que les plugins provoquent des conflits entre eux. Cela se produit souvent lorsque vous avez plusieurs plugins qui offrent des fonctionnalités qui se chevauchent ou un code en conflit.

Diagnostiquer les conflits de plugins peut être un défi. Votre meilleur pari est de tester les plugins un par un pour voir si l'un d'eux empêche le chargement d'Elementor. Idéalement, vous ferez cela en utilisant un site Web intermédiaire, car la désactivation des plugins clés aura un impact sur les fonctionnalités de votre site.

Pour commencer, accédez à Plugins > Plugins installés . Ensuite, vous voudrez parcourir la liste des plugins actifs, en les désactivant un par un. Après avoir désactivé chaque plugin, essayez de recharger l'éditeur Elementor pour voir s'il fonctionne correctement.

Vous voudrez également porter une attention particulière aux plugins complémentaires Elementor. Ces modules complémentaires étendent les fonctionnalités et la bibliothèque de widgets du générateur de pages :

Faites attention aux modules complémentaires Elementor
Faites attention aux modules complémentaires Elementor

Si la désactivation d'un plug-in ou d'un module complémentaire spécifique ne fait aucune différence lors du chargement de l'éditeur Elementor, vous pouvez continuer et le réactiver. Le but est de tester les plugins un par un pour voir si l'un d'entre eux pose des problèmes de compatibilité.

Une alternative consiste à désactiver tous les plugins à la fois (sauf Elementor) et à voir si l'éditeur fonctionne. Cependant, nous vous déconseillons cette approche, sauf si vous utilisez un site Web intermédiaire. La plupart des sites WordPress s'appuient sur des plugins pour les fonctionnalités critiques, donc les désactiver tous en même temps peut avoir un impact sur l'expérience utilisateur.

3. Vérifiez la version PHP de votre site

Comme nous l'avons mentionné précédemment, Elementor ne prend en charge que PHP 7 et les versions plus récentes. Vous pouvez vérifier votre version actuelle de PHP à partir de l'administrateur WordPress.

Accédez à Outils > Santé du site et sélectionnez l'onglet Infos . Vous trouverez ici des informations techniques sur votre site Web. Si vous ouvrez l'onglet Serveur , vous pourrez vérifier la version de PHP utilisée par votre serveur :

Vérifiez votre version de PHP
Vérifiez que la version de PHP est appropriée

Idéalement, vous verrez PHP 7 ou 8. Cependant, vous pourrez peut-être mettre à jour votre version de PHP via votre panneau de contrôle d'hébergement, en fonction de votre fournisseur.

Si vous utilisez Kinsta, le tableau de bord MyKinsta vous permet de choisir quelle version de PHP utiliser pour chacun de vos sites. Ouvrez le tableau de bord et accédez à Sites , puis sélectionnez le site Web que vous souhaitez mettre à jour.

Ensuite, allez dans l'onglet Outils et faites défiler jusqu'à ce que vous voyiez l'option de moteur PHP . Vous pouvez utiliser le menu déroulant Modifier pour sélectionner la version de PHP à utiliser avec ce site :

Mettez facilement à jour PHP dans MyKinsta
Mettre à jour PHP en utilisant la plateforme MyKinsta

Avec Kinsta, vous pouvez choisir parmi les dernières versions de PHP. Ceux-ci offrent de meilleures performances et fonctionnalités à tous les niveaux.

Si votre fournisseur d'hébergement ne vous permet pas de changer directement de version de PHP, nous vous recommandons de contacter l'équipe d'assistance. Ils devraient pouvoir vous aider à le mettre à jour si nécessaire. Si votre hébergeur ne prend pas en charge les nouvelles versions de PHP, il est peut-être temps de migrer vers un autre fournisseur.

4. Vérifiez la limite de mémoire de votre site Web

La limite de mémoire PHP de votre site Web définit la quantité de RAM que l'ensemble de l'installation de WordPress peut utiliser. De faibles limites de mémoire empêcheront de nombreux plugins de fonctionner correctement.

Comme nous l'avons mentionné précédemment, Elementor a une configuration système minimale de 128 Mo de mémoire. Si vous n'êtes pas sûr de la limite de mémoire de votre site, vous pouvez la vérifier en accédant à Outils > Santé du site et en sélectionnant l'onglet Infos . Ensuite, ouvrez l'onglet Serveur et regardez l'entrée de limite de mémoire PHP :

Vérification de la limite de mémoire PHP
Vérifiez votre limite de mémoire PHP

La plupart des hébergeurs Web modernes offrent 128 à 256 Mo comme ligne de base de la limite de mémoire PHP. Si vous utilisez un hébergement WordPress géré, ce nombre sera probablement de 256 Mo.

Si vous avez affaire à un nombre inférieur, vous pouvez essayer d'augmenter manuellement la limite de mémoire PHP. Le moyen le plus simple de le faire est via FTP.

Commencez par vous connecter à votre site Web via FTP ou SFTP et localisez le dossier racine de WordPress. Ceci est communément appelé www, public ou public_html .

Une fois que vous avez localisé le dossier, ouvrez-le et recherchez le fichier wp-config.php :

Regardez dans le fichier wp-config
Trouvez le fichier wp-config

Ouvrez le fichier wp-config.php avec un éditeur de texte et recherchez la ligne qui indique :

Aux prises avec des temps d'arrêt et des problèmes WordPress ? Kinsta est la solution d'hébergement conçue pour vous faire gagner du temps ! Découvrez nos fonctionnalités

définir( 'WP_MEMORY_LIMIT', '256M' );

Selon la limite de mémoire de votre serveur, ce nombre sera probablement inférieur. Si vous ne trouvez pas cette ligne, vous pouvez l'ajouter manuellement. Cependant, assurez-vous de ne modifier aucune autre entrée dans le fichier wp-config.php . Vous voudrez également ajouter ce code avant la ligne qui dit :

/* C'est tout, arrêtez d'éditer ! Bon blog. */

Techniquement, vous pouvez vous en sortir avec une limite de mémoire inférieure à 256 Mo, mais vous pouvez également essayer d'en définir une plus élevée. Cependant, d'après notre expérience, 256 Mo est le point idéal pour la mémoire PHP.

Lorsque vous avez terminé, enregistrez vos modifications et fermez le fichier. Maintenant, vérifiez à nouveau la page Santé du site pour voir si WordPress reconnaît le changement dans les limites de mémoire PHP.

Dans certains cas, votre hébergeur peut ne pas vous autoriser à modifier manuellement la limite de mémoire PHP. Cela signifie que vous devrez contacter l'équipe d'assistance pour voir si elle peut le faire pour vous.

5. Changer la méthode de chargement d'Elementor

Elementor inclut une fonctionnalité intégrée qui vous permet de modifier la manière dont le plugin charge l'éditeur. Changer les méthodes du chargeur Elementor ne devrait en aucun cas vous affecter, mais nous le recommandons en dernier recours si aucune autre approche de dépannage ne fonctionne.

Pour modifier les méthodes de chargement d'Elementor, accédez à Elementor > Paramètres > Avancé . Ensuite, recherchez le paramètre Switch Editor Loader Method et sélectionnez Enable :

Modification des méthodes de chargement des éléments
Changer les méthodes de chargement d'Elementor

Enregistrez vos modifications et essayez de charger à nouveau l'éditeur. L'erreur de non chargement d'Elementor devrait avoir disparu maintenant.

Autres méthodes de dépannage Elementor

Si vous rencontrez des problèmes techniques lors de l'utilisation d'Elementor et que vous ne savez pas comment procéder, vous pouvez utiliser quelques autres méthodes de dépannage. Jetons un coup d'œil à eux.

Changer de thème

Les thèmes WordPress les plus populaires sont testés avec les principaux plugins de création de pages. Cependant, nous vous recommandons de parcourir la description de chaque thème pour vous assurer qu'il mentionne la compatibilité avec Elementor.

Si votre thème actuel n'est pas compatible avec Elementor, la mise à jour des thèmes peut résoudre vos problèmes avec le constructeur de pages. Dans tous les cas, changer de thème ne prend qu'une minute, donc cela vaut la peine d'essayer si vous rencontrez des problèmes avec Elementor.

Désactiver les modules complémentaires du navigateur

Dans certains cas, les modules complémentaires du navigateur peuvent provoquer des erreurs page par page. Par exemple, vous pouvez utiliser un module complémentaire qui bloque les scripts ou une extension qui ajoute du code personnalisé à des sites Web spécifiques.

Certains de ces modules complémentaires peuvent causer des problèmes lors de la tentative d'utilisation d'Elementor. Un moyen rapide de vérifier si c'est le cas est d'essayer d'utiliser Elementor avec une installation de navigateur propre.

Si les erreurs disparaissent, vous devrez déterminer quelle extension de navigateur est à l'origine du problème. Cela signifie désactiver les extensions une par une jusqu'à ce que vous identifiiez le coupable.

Découvrez les causes du problème de non-chargement d'Elementor et examinez les exigences du plugin, puis découvrez comment le résoudre, le tout dans ce guide Cliquez pour tweeter

Sommaire

Si vous comptez sur Elementor pour créer et mettre à jour votre site Web, le fait que l'éditeur ne se charge pas peut mettre une clé importante dans vos plans. Il existe plusieurs raisons pour lesquelles l'éditeur peut ne pas se charger, mais cela est généralement lié à la configuration système requise ou à des problèmes de compatibilité des plugins.

Voici comment résoudre l'erreur Elementor not loading, étape par étape :

  1. Mettre à jour Elementor.
  2. Vérifiez les conflits de plugins (et testez les modules complémentaires Elementor).
  3. Vérifiez la version PHP de votre site.
  4. Vérifiez la limite de mémoire de votre site Web.
  5. Changez la méthode de chargement d'Elementor.

Chez Kinsta, nos plans sont conçus pour vous aider à construire le site de vos rêves avec des constructeurs de pages comme Elementor. Consultez nos plans ou parlez aux ventes pour trouver le plan qui vous convient.