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

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

Dans cet article, nous allons parler des causes du problème de non-chargement d’Elementor et examiner les exigences de l’extension. Ensuite, nous vous présenterons plusieurs méthodes de dépannage de cette erreur. C’est parti !

Pourquoi Elementor ne se charge-t-il pas ?

Avant d’entrer dans le détail de ce qui peut causer des problèmes avec Elementor, il est important de discuter de ce que signifie l’erreur « not loading ». Cette erreur se produit lorsque vous lancez l’éditeur Elementor.

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

Chargement du constructeur de pages Elementor
Chargement du constructeur de pages Elementor

Toutefois, 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 si l’éditeur ne se charge pas du tout ou obtient un code HTTP. Dans ce cas, votre site web devrait fonctionner parfaitement à part Elementor qui ne parvient pas à se charger.

Typiquement, Elementor peut ne pas se charger parce que votre serveur ne répond pas aux exigences de l’extension. Vous pouvez également utiliser une extension qui pose un problème de compatibilité avec Elementor. Dans les prochaines sections, nous allons décrire les exigences d’Elementor et vous montrer comment résoudre l’erreur de non-chargement.

Quelles sont les exigences d’Elementor ?

Chaque extension a sa propre configuration nécessaire. La plupart des développeurs d’extensions ne publient pas ces informations car ils supposent que chaque serveur peut répondre à leurs exigences minimales. C’est généralement le cas.

Certaines extensions telles 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, il s’agit des exigences minimales (sans compter l’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 serez en mesure d’installer une extension même si votre serveur ne répond pas à ses exigences. Cependant, cela peut conduire à ce que l’extension ne fonctionne pas correctement et, dans le cas d’Elementor, à ce que l’éditeur ne se charge pas du tout.

Comment réparer Elementor qui 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 à nouveau d’accéder à l’éditeur Elementor et voyez si l’erreur persiste. Si c’est le cas, il est temps de procéder à un dépannage.

1. Mettez Elementor à jour

Il se peut qu’Elementor ne se charge pas parce que vous utilisez une version obsolète de l’extension. Les extensions 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 Extensions > Extensions installées et recherchez le constructeur. Si vous avez une licence premium, vous devriez voir Elementor et Elementor Pro dans votre liste d’extensions :

Mettre à jour Elementor
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 d’accéder à nouveau à l’éditeur.

2. Vérifiez les conflits de plugins (et testez les modules d’Elementor)

Il n’est pas rare que les extensions provoquent des conflits entre elles. Cela se produit souvent lorsque vous avez plusieurs extensions qui offrent des fonctionnalités qui se chevauchent ou un code conflictuel.

Diagnostiquer les conflits d’extensions peut être un défi. Votre meilleure chance est de tester les extensions une par une pour voir si l’une d’entre elles empêche Elementor de se charger. Idéalement, vous ferez cela en utilisant un site de staging, car la désactivation d’extensions clés aura un impact sur la fonctionnalité de votre site.

Pour commencer, allez dans Extensions > Extensions installées. Ensuite, vous devrez travailler en descendant la liste des extensions actives, en les désactivant une par une. Après avoir désactivé chaque extension, essayez de recharger l’éditeur Elementor pour voir s’il fonctionne correctement.

Vous voudrez également accorder une attention particulière aux extensions complémentaires d’Elementor. Ces modules étendent les fonctionnalités et la bibliothèque de widgets du constructeur de pages :

Faites attention aux modules d'Elementor
Faites attention aux modules d’Elementor

Si la désactivation d’une extension ou d’un module spécifique ne fait pas de différence lors du chargement de l’éditeur Elementor, vous pouvez aller de l’avant et le réactiver. L’objectif est de tester les extensions une par une pour voir si l’un d’entre elles pose des problèmes de compatibilité.

Une alternative est de désactiver toutes les extensions en une seule fois (sauf Elementor) et de voir si l’éditeur fonctionne. Cependant, nous vous déconseillons cette approche, sauf si vous utilisez un site de staging. La plupart des sites WordPress s’appuient sur des extensions pour des fonctionnalités critiques, donc les désactiver toutes 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 les versions PHP 7 et plus récentes. Vous pouvez vérifier votre version actuelle de PHP à partir de l’administration de WordPress.

Allez dans Outils > Santé du site et sélectionnez l’onglet Info. Ici, vous trouverez des informations techniques sur votre site web. Si vous ouvrez l’onglet Serveur, vous pourrez vérifier quelle version de PHP votre serveur utilise :

Vérifiez à nouveau que la version PHP est appropriée
Vérifiez à nouveau que la version PHP est appropriée

Idéalement, vous verrez soit PHP 7 ou 8. Cependant, vous pouvez peut-être mettre à jour la version PHP via le panneau de contrôle de votre hébergement, selon 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 naviguez vers Sites, puis sélectionnez le site web que vous souhaitez mettre à jour.

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

Mise à jour de PHP à l'aide de la plateforme MyKinsta
Mise à jour de PHP à l’aide de la plateforme MyKinsta

Avec Kinsta, vous avez le choix entre les dernières versions de PHP. Celles-ci offrent de meilleures performances et fonctionnalités dans tous les domaines.

Si votre hébergeur ne vous permet pas de changer directement de version de PHP, nous vous recommandons de contacter l’équipe d’assistance. Ils devraient être en mesure de vous aider à le mettre à jour si nécessaire. Si votre hébergeur ne prend pas en charge les versions les plus récentes 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’installation WordPress entière peut utiliser. Une faible limite de mémoire empêchera de nombreuses extensions de fonctionner correctement.

Comme nous l’avons déjà mentionné, Elementor a une exigence minimale de 128 Mo de mémoire pour le système. Si vous n’êtes pas sûr de la limite de mémoire de votre site, vous pouvez la vérifier en allant dans Outils > Santé du site et en sélectionnant l’onglet Info. Ensuite, ouvrez l’onglet Serveur et regardez l’entrée Limite de mémoire PHP :

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

La plupart des hébergeurs modernes proposeront 128-256 Mo comme base de référence pour la limite de mémoire PHP. Si vous utilisez une application, une base de données et un hébergement WordPress infogéré, comme Kinsta, ce nombre sera probablement de 256 Mo.

Si vous avez affaire à un nombre inférieur, vous pouvez essayer d’augmenter la limite de mémoire PHP manuellement. La façon la 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. Celui-ci 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 :

Trouvez 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 se lit comme suit :

define( ‘WP_MEMORY_LIMIT’, ‘256M’ ) ;

En fonction de 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 pas modifier d’autres entrées dans le fichier wp-config.php. Vous voudrez également ajouter ce code avant la ligne qui dit :

/* C’est tout, arrêtez de modifier ! Bon blogging. */

Techniquement, vous pouvez vous en sortir avec une limite de mémoire inférieure à 256 Mo, mais vous pouvez aussi essayer d’en fixer 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 la modification des limites de mémoire PHP.

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

5. Changez la méthode de chargement d’Elementor

Elementor comprend une fonction intégrée qui vous permet de modifier la manière dont l’extension charge l’éditeur. Changer la méthode de chargement d’Elementor ne devrait pas 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, allez dans Elementor > Réglages > Avancés. Ensuite, recherchez le paramètre Changer la méthode de chargement de l’éditeur et sélectionnez Activer :

Changer les méthodes de chargement d'Elementor
Changer les méthodes de chargement d’Elementor

Enregistrez vos modifications et essayez à nouveau de charger l’éditeur. L’erreur Elementor ne se charge pas devrait avoir disparu maintenant.

Autres méthodes de dépannage d’Elementor

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

Changez de thème

La plupart des thèmes WordPress populaires sont testés avec les principales extensions de construction de pages. Toutefois, nous vous recommandons de consulter 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, changer de thème pourrait résoudre vos problèmes avec le constructeur de pages. Dans tous les cas, changer de thème ne prend qu’une minute, cela vaut donc la peine d’essayer si vous rencontrez des problèmes avec Elementor.

Désactiver les modules du navigateur

Dans certains cas, les modules 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 peuvent causer des problèmes lorsque vous essayez d’utiliser Elementor. Un moyen rapide de vérifier si c’est le cas est d’essayer d’utiliser Elementor avec une installation propre du navigateur.

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.

Résumé

Si vous comptez sur Elementor pour construire et mettre à jour votre site web, le fait que l’éditeur ne se charge pas peut mettre un frein important à vos plans. Il y a plusieurs raisons pour lesquelles l’éditeur peut ne pas se charger, mais généralement cela a à voir avec la configuration nécessaire ou des problèmes de compatibilité avec les extensions.

Voici comment résoudre l’erreur « Elementor ne se charge pas », étape par étape :

  1. Mettez à jour Elementor.
  2. Vérifiez les conflits d’extensions (et testez les modules d’Elementor).
  3. Vérifiez la version PHP de votre site.
  4. Vérifiez la limite de mémoire de votre site.
  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 contactez le service commercial pour trouver le plan qui vous convient le mieux.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.