Performance

Accélérer un site Elementor

Les réglages de performance d’Elementor, les bons réflexes sur les images et les extensions, et ce qui dépend de l’hébergement.

Par Gregory, fondateur d’Expertor2 min de lectureMis à jour le

Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).

Illustration : Accélérer un site Elementor

Un site Elementor n’est pas lent par nature : il le devient avec des images trop lourdes, trop d’extensions ou un hébergement sous-dimensionné. Voici les leviers, du plus simple au plus technique.

Mesurer avant d’optimiser

Testez vos pages principales avec PageSpeed Insights ou GTmetrix, en regardant d’abord le mobile. Elementor conseille un test d’élimination pour trouver la cause : désactiver temporairement toutes les extensions sauf Elementor et Elementor Pro, passer sur le thème Hello, puis comparer. Faites-le sur une copie de test du site, pas en production.

Activer les réglages de performance d’Elementor

Dans Elementor › Editor › Settings, onglet Performance, réglez sur Enable :

  • Optimized Image Loading : donne la priorité à l’image principale du haut de page et applique le chargement différé aux images plus bas ;
  • Lazy Load Background Images : charge les images d’arrière-plan au fil du défilement (sauf la première) ;
  • Optimized Gutenberg Loading : retire les fichiers de l’éditeur de blocs WordPress quand ils ne servent pas.

Dans l’onglet Features :

  • Inline Font Icons (stable) : affiche les icônes en SVG intégré, sans charger les bibliothèques d’icônes complètes ;
  • Element Caching et Optimized Control Loading (expérimentales) : à tester avec prudence.

Attention : sauvegardez avant de changer ces réglages, activez-les un par un et contrôlez l’affichage du site après chacun. Videz ensuite le cache d’Elementor avec Clear Files & Data.

Les images

Les images sont la première cause de lenteur. Elementor recommande de rester sous 1 Mo par image, d’utiliser le format WebP et le chargement différé quand une page contient beaucoup d’images. Redimensionnez à la taille réellement affichée avant l’envoi. Pour les vidéos, passez par YouTube ou Vimeo via le widget Vidéo plutôt que d’héberger le fichier dans WordPress.

Extensions, scripts et polices

  • Extensions : chaque extension ajoute du travail. Supprimez celles que vous n’utilisez pas, y compris les packs de widgets installés « au cas où ».
  • Scripts externes : cartes, compteurs de partage, avatars… ralentissent nettement le chargement.
  • Polices : deux familles et quelques graisses suffisent.
  • Construction : moins de conteneurs imbriqués et moins d’animations en haut de page, c’est moins de code à charger.

Hébergement

La mémoire disponible, la puissance du serveur et sa distance avec vos visiteurs pèsent lourd. Elementor le dit clairement : les hébergements gratuits ou mutualisés d’entrée de gamme causent souvent des lenteurs. Un réseau de diffusion (CDN) et un hébergement adapté font parfois plus que tous les réglages réunis.

Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.