Voici les moyens les plus courants de faire face à un site Elementor lent :
Causes courantes d’un site lent / Elementor
Il existe plusieurs causes possibles pour qu’un site ou un éditeur affiche des performances lentes, chacune d’entre elles doit être examinée :
Serveurs – Des facteurs tels que la mémoire, la bande passante, l’emplacement du serveur par rapport à l’utilisateur, etc. ont un impact majeur sur la vitesse du site. Les services d’hébergement gratuits ou partagés sont souvent la cause d’un site lent.
Médias (images, vidéos, etc.) – Toute image placée dans votre site le ralentit, surtout si elle est placée dans des zones qui sont toujours chargées, comme l’en-tête et le pied de page. Veillez toujours à télécharger des images qui ne sont pas trop grandes (moins de 1 Mo est une bonne règle générale). Utilisez des outils comme TinyPNG pour réduire la taille de vos images.
Scripts externes – Toute utilisation de scripts externes, par exemple Google Maps, le nombre de partages Facebook, les images Avatar, ralentit considérablement le chargement d’une page. Vous pouvez désactiver Google Fonts, Font Awesome, et Eicons par exemple, en ajoutant les lignes de code suivantes à votre fichier functions.php dans votre thème enfant.
Pour Google Fonts :
add_filter( ‘elementor/frontend/print_google_fonts’, ‘__return_false’ ) ;
Pour Font Awesome :
add_action(‘elementor/frontend/after_register_styles’,function() {
foreach( [ ‘solid’, ‘regular’, ‘brands’ ] as $style ) {
wp_deregister_style( ‘elementor-icons-fa-‘ . $style ) ;
}
}, 20 ) ;
Remarque : par défaut, les icônes Font Awesome ne se chargent que sur les pages où vous les avez utilisées, de sorte que FA ne se charge pas sur les pages qui n’utilisent aucune icône Font Awesome. Cela apporte des performances et une vitesse de page plus rapides à votre site, ce qui peut être bénéfique pour votre référencement et l’expérience de vos utilisateurs.
Seuls le CSS et les polices de la famille d’icônes que vous utilisez réellement sont chargés. Par conséquent, ne désquivez Font Awesome que si vous prévoyez réellement de ne pas utiliser d’icônes Font Awesome du tout.
Si vous retirez Font Awesome de la liste, les icônes ne s’afficheront plus sur aucune de vos pages.
Pour les Eicons :
add_action( ‘wp_enqueue_scripts’, ‘disable_eicons’, 11 ) ;
function disable_eicons() {
wp_dequeue_style( ‘elementor-icons’ ) ;
wp_deregister_style( ‘elementor-icons’ ) ;
}
Plugins – Les plugins rendent WordPress plus lent. Si vous n’utilisez pas un certain plugin, désactivez-le et supprimez-le.
Thème – Un bon thème ne devrait pas ralentir un site, mais malheureusement beaucoup de thèmes le font. Un thème bien codé utilise des scripts et des méthodes pour réduire la taille de ses fichiers. En passant d’un thème à l’autre et en observant l’effet produit, vous pouvez savoir si le thème est le coupable.
Tests que vous pouvez exécuter
Vérifiez pourquoi votre site est lent sur des analyseurs de vitesse de page tels que Google Page Speed Insights et GTmetrix.
Désactivez tous les plugins autres que Elementor et Elementor pro et vérifiez si cela améliore la vitesse de la page.
Passez au thème Hello.
Créez une page avec le modèle Canvas et testez à nouveau sa vitesse.
Après avoir suivi ces étapes, effectuez un test de vitesse et vérifiez les améliorations.
Optimisations de la vitesse que vous pouvez exécuter
- Utilisez un plugin de cache comme WP Rocket et Autoptimize ou tout autre plugin de cache qui répond à vos besoins.
- Utilisez un service CDN comme CloudFlare.
- Vérifiez auprès de votre hébergeur les causes possibles de la lenteur du site côté serveur.
- Changez de méthode de chargement d’éditeur.
- Réduisez la taille des images.
Si vous avez des connaissances en matière de développement, nous vous recommandons de vérifier la vitesse de ping de vos serveurs et d’analyser le temps de chargement des différents éléments pour déterminer la cause de la lenteur.
