Elementor est un constructeur de site Web visuel WordPress populaire. C’est l’un des plugins WordPress les plus populaires car il permet aux utilisateurs de concevoir et d’apporter facilement des modifications aux sites Web.
Ce plugin comprend un éditeur de glisser-déposer, plus de 90 widgets (ou éléments) et de nombreuses options de positionnement, de paramètres globaux, de typographie et de couleurs.
Elementor permet aux utilisateurs de contrôler chaque partie de la conception du site Web sur une seule plate-forme, éliminant ainsi le besoin de plugins supplémentaires.
Pourquoi choisir Elementor ?
Les constructeurs visuels de style glisser-déposer rendent la réalisation de sites Web rapide et facile. Ils éliminent le besoin de connaître les langages de programmation et facilitent la réalisation de sites Web pour les débutants.
Les clients aiment aussi Elementor car il est facile d’apporter des modifications et d’ajouter du nouveau contenu. Les nombreux utilisateurs de WordPress ont rencontré Elementor car c’est un constructeur commun et l’un des plugins WordPress les plus courants.
Toutefois, si certaines étapes sont ignorées ou non suivies, les scores de vitesse de page lente d’Elementor peuvent entraîner une mauvaise expérience utilisateur.
Comment accélérer votre site Elementor ?
Comment puis-je rendre mon site Web Elementor plus rapide ? Elementor ralentit-il votre site ? Ce sont des questions courantes que nous recevons des clients.
Voici quelques conseils pour améliorer les performances de votre site Web Elementor.
Souscrivez un bon contrat d’hébergement
Un bon fournisseur d’hébergement peut faire ou défaire votre site Web. Un serveur lent ou un environnement d’hébergement partagé peut vraiment ralentir votre site Web. Quel que soit le constructeur ou le thème WordPress que vous utilisez, votre site Web bénéficiera d’un hébergement rapide.
Nous recommandons Cloudways ou Kinsta si vous recherchez un fournisseur rapide et fiable. Nous ne saurions trop insister sur l’importance d’un bon hébergement.
Installer un thème WordPress bien codé et professionnel
L’un des meilleurs thèmes que vous pouvez employer pour Elementor est le thème Hello Elementor. C’est rapide, efficace et permet à vos conceptions Elementor de briller.
Afin de tirer le meilleur parti de Hello Elementor, investissez dans le plugin Elementor Pro.
Faire juste ces deux choses (choisir un bon hébergement et un bon thème) vous conduira à ne jamais demander “Est-ce qu’Elementor ralentit votre site ?” de nouveau.
Télécharger et configurer un plugin de mise en cache
L’utilisation d’un plugin de mise en cache pour WordPress est un must. Les plugins de mise en cache créent une version statique de votre site Web qui est servie aux clients au lieu de faire des allers-retours vers la base de informations chaque fois qu’un client visite un site Web.
Les nombreux plugins de mise en cache ont aussi des fonctionnalités de minification et de combinaison qui peuvent encore améliorer la vitesse du site Web. Certains plugins de mise en cache ont aussi des options pour compresser les images et les servir au format webp.
Nos plugins de mise en cache recommandés sont W3 Cache, WP Rocket (payant) et Litespeed Cache (si votre hébergeur le prend en charge).
Savoir quels paramètres activer dans ces plugins de mise en cache peut être compliqué. Nous préférons WP Rocket grâce à sa facilité d’utilisation et de ses paramètres de configuration.
Activer les fonctionnalités expérimentales dans Elementor pour augmenter la vitesse
Elementor s’est engagé à apporter des améliorations axées sur l’augmentation de la vitesse. L’activation de fonctionnalités expérimentales peut considérablement accélérer les sites Web Elementor.
Voici quelques paramètres que vous pouvez activer pour améliorer la vitesse du site :
- Accédez à Elementor > Paramètres et cliquez sur Avancé
- Sélectionnez Fichier externe pour l’option Méthode d’impression CSS
- Activer Swap pour l’option Google Fonts Load
- Sélectionnez Non pour l’option Charger la prise en charge de Font Awesome 4
- Ensuite, accédez à l’onglet Expériences
- Activez les choix suivantes : sortie DOM optimisée, chargement des ressources amélioré et chargement CSS amélioré
- Cliquez sur Enregistrer et testez votre site Web pour vous assurer que tout semble et fonctionne correctement
Il y a un certain nombre de nouvelles fonctionnalités à venir dans Elementor qui amélioreront encore les performances et les vitesses de chargement. Celles-ci incluent l’utilisation de conteneurs CSS flexbox pour les sections Elementor qui permettront aux pages de se charger rapidement et correctement et de réduire la taille du DOM.
La nouvelle option Elementor Loops sera aussi déployée pour aider les développeurs à éviter d’employer des plugins supplémentaires pour cette fonctionnalité.
Évitez d’intégrer des sections dans Elementor
Une autre astuce quand vous travaillez avec Elementor est d’éviter d’intégrer trop de sections et d’éléments durant la conception de votre site Web.
Imbriquer trop d’objets dans des sections et des lignes peut augmenter la taille du DOM et rendre le site Web inefficace et lent.
Évitez autant que possible d’imbriquer et d’intégrer des sous-sections dans Elementor.
Essayez d’employer une seule section et une seule ligne pour chaque objet que vous souhaitez ajouter à votre site Web et utilisez les marges et le rembourrage durant la conception des mises en page.
Utilisez des images rapides et efficaces
Assurez-vous que vous utilisez des images jpeg ou webp et évitez les grands formats d’image comme les pngs. En outre, dimensionnez les images de manière appropriée afin que la taille du fichier reste petite.
Utilisez un plugin gratuit comme ShortPixel pour automatiser la compression d’image et la conversion webp.
Limiter l’utilisation des plugins
Tous les plugins WordPress ne sont pas créés de la même manière. Certains sont excellents et ne causent aucun problème de performances, mais d’autres peuvent ralentir considérablement votre site Web.
Notre conseil est de limiter au maximum l’utilisation des plugins. Chaque plugin augmentera les temps de chargement et ajoutera des actifs à votre site Web, il est donc préférable de les éviter si vous le pouvez.