Passer au contenu principal
Elementor

Comment accélérer un site lent avec Elementor




Elementor es el creador de sitios la toile más rápido para WordPress, escrito con los estándares de código más estrictos. Sin embargo, algunos sitios web pueden tener una configuración que provoque una carga lenta.

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 – Factores como la memoria, el ancho de banda, la ubicación del serveur en relación con el Nom d'utilisateur, etc., tienen un gran impacto en la velocidad del sitio. Los servicios de alojamiento gratuito o compartido suelen ser la causa de un sitio lento.
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 – Cualquier uso de scripts externos, es decir, Google Maps, recuento de acciones de Facebook, imágenes de Avatar, todo esto ralentiza considerablemente la carga de una página.

Puede desactivar Google Fonts, Font Awesome y Eicons, por ejemplo, agregando las siguientes líneas de código a su archivo functions.php en su tema hijo.

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: De forma predeterminada, los íconos de Font Awesome solo se cargarán en las páginas donde los ha utilizado, por lo que FA no se cargará en páginas que no utilicen ningún ícono de Font Awesome. Esto trae un rendimiento más rápido y una velocidad de página más rápida a su sitio, lo que puede beneficiar su SEO y la experiencia de sus usuarios.
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 – Los complementos hacen que WordPress être más lento. Si no está utilizando un brancher determinado, apáguelo y elimínelo.
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. Utilice un plugin de almacenamiento en cache Quoi 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.