Passer au contenu principal
Elementor

Comment accélérer un site lent avec Elementor




Elementor est le constructeur de sites Web le plus rapide pour WordPress, écrit selon les normes de code les plus strictes. Cependant, certains sites Web peuvent avoir des paramètres qui ralentissent le chargement.

Voici les moyens les plus courants de gérer un site Elementor lent:

Causes courantes d'un site / élément lent

Il existe plusieurs causes possibles pour un site ou un éditeur d'afficher des performances lentes, chacune doit être examinée:

Les serveurs - Des facteurs tels que la mémoire, la bande passante, l'emplacement du serveur par rapport à l'utilisateur, etc., ont un impact important sur la vitesse du site. Les services d'hébergement gratuits ou partagés sont souvent à l'origine d'un site lent.
Médias (images, vidéos, etc.) - Toute image que vous placez dans votre site le ralentit, surtout si l'image est placée dans des zones qui sont toujours chargées comme l'en-tête et le pied de page. Assurez-vous toujours de télécharger des images qui ne sont pas trop volumineuses (moins de 1 Mo est une bonne règle empirique). Utilisez des outils comme
TinyPNG pour réduire la taille de vos images.
Scripts externes - Toute utilisation de scripts externes, à savoir Google Maps, le nombre de partages Facebook, les images d'avatar, tout cela 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 les sources Google:
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);}}, vingt );
	
Noter: Par défaut, les icônes Font Awesome ne se chargeront que sur les pages où vous les avez utilisées, donc FA ne se chargera pas sur les pages qui n'utilisent aucune icône Font Awesome. Cela apporte des performances plus rapides et une vitesse de page plus rapide à votre site, ce qui peut profiter à votre référencement et à l'expérience de vos utilisateurs.
Seuls les CSS et les polices de la famille d'icônes que vous utilisez réellement sont chargés. Donc, ne supprimez la file d'attente de Font Awesome que si vous prévoyez vraiment de ne pas utiliser d'icônes Font Awesome.
Si vous sortez de la file d'attente
Font Awesome, les icônes n'apparaîtront plus sur aucune de vos pages.

Pour Eicons:

add_action ('wp_enqueue_scripts', 'remove_default_stylesheet', 20); function remove_default_stylesheet () {wp_deregister_style ('elementor-icons'); }
	
Accessoires - Les plugins ralentissent WordPress. 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 de nombreux thèmes le font. Un thème bien codé utilise des scripts et des méthodes pour réduire la taille de ses fichiers. Basculer entre les thèmes et voir l'effet peut vous donner un bon indicateur de savoir si le thème est le coupable.

Des tests que vous pouvez exécuter

  • Vérifiez pourquoi votre site Web est lent sur les analyseurs de vitesse de page tels que Google Page Speed ​​Insights et GTmetrix.
  • Désactivez tous les plugins en plus d'Elementor et Elementor pro et vérifiez si cela améliore la vitesse de la page.
  • Basculer vers

    TwentySixteen (l'un des thèmes WordPress par défaut)
    .
  • Créez une page avec le modèle Canvas et testez à nouveau votre vitesse.
  • Après avoir suivi ces étapes, exécutez un test de vitesse et recherchez des améliorations.

Optimisations de vitesse que vous pouvez exécuter

1. Utilisez un plugin de mise en cache comme Rocket WP y Auto-optimiser ou tout autre plugin de cache qui répond à vos besoins.

2. Utilisez un service CDN comme CloudFlare.

2. Vérifiez auprès de votre hébergeur les causes possibles de ralentissement du site côté serveur.

3. Modifiez la méthode de chargement de l'éditeur.

4. Réduisez la taille des images.

5. Si vous avez des connaissances en développement, nous vous recommandons de vérifier la vitesse de ping de vos serveurs et d'analyser les temps de chargement des différents éléments pour identifier la cause de la lenteur.

R Marketing Numérique