Perfmatters Meilleures pratiques d'optimisation des performances avec Elementor

Perfmatters est un plugin léger d'optimisation des performances pour WordPress.Elementor est un éditeur de pages visuel très répandu. Utilisez l'outilElementorComment configurer Perfmatters correctement pour améliorer la vitesse et éviter les conflits de fonctionnalités ? Cet article présente en détail les meilleures pratiques pour optimiser les performances de Perfmatters avec Elementor.

I. Relations fonctionnelles entre Perfmatters et Elementor

1.1 Introduction à Perfmatters

Perfmatters se concentre sur l'optimisation frontale, la réduction de la charge sur la page en réduisant les requêtes HTTP, en désactivant les scripts inutiles, en retardant le chargement, en utilisant la fonction DNS prefetching, etc. Il n'implique pas de fonctions de mise en cache, principalement pour la réduction et l'accélération du chargement des pages.

1.2 Introduction à Elementor

Elementor est un puissant constructeur de pages qui permet l'édition visuelle, le glisser-déposer de modules et des mises en page avancées avec beaucoup de JS, CSS et un rendu dynamique. Mais aussi parce qu'il charge beaucoup de ressources, ce qui a pour effet de Site WordPressChargement lent après l'utilisation d'Elementor.

1.3 L'intérêt de combiner les deux

Perfmatters optimise Elementor pour le chargement des scripts et styles redondants et désactive les fonctionnalités inutiles de WordPress par défaut, ce qui permet aux sites construits avec Elementor de se charger à des vitesses optimales.

Questions fréquemment posées sur l'utilisation de Perfmatters et Elementor

2.1 Le gestionnaire de scripts peut désactiver les scripts nécessaires

Perfmatters Gestionnaire de script Il est possible de désactiver les CSS et JS inutiles sur une page, mais Elementor s'appuie sur de nombreux fichiers centraux, de sorte que leur désactivation peut entraîner des problèmes ou un fonctionnement anormal de la page. Lorsque vous utilisez Elementor, vous devez tester chaque élément pour vous assurer qu'il n'affecte pas l'affichage et l'interaction normaux.

2.2 Conflits de chargement retardés

Elementor Pro est livré avec Lazy Load, si Lazy Load de Perfmatters est activé en même temps, l'image peut scintiller ou se charger de manière anormale.

Meilleures pratiques d'optimisation des performances pour Perfmatters et Elementor

3.1 Désactivation des fonctionnalités indésirables de WordPress

dans les paramètres de Perfmatters :

• Désactiver les EmojiVoici quelques exemples de la manière dont vous pouvez réduire les requêtes HTTP redondantes
• Désactiver XML-RPCLe dernier ajout à la liste est un nouveau moyen, plus rapide, plus sûr et plus efficace, d'améliorer la sécurité et la rapidité.

• Optimisation de l'API HeartbeatPour désactiver Heartbeat, déroulez le menu et sélectionnez "Global Disable".
• Fréquence des battements de cœurLa fréquence des appels a été modifiée pour passer à 60 secondes pendant une longue période, ce qui permet de réduire la pression sur le serveur lors de l'édition dans Elementor.

3.2 Configuration de la politique de charge paresseuse

• entrer dans Perfmatters > Chargement paresseuxOuvert. Images et iFrames

• Allez dans Elementor > Paramètres > Performance > Optimiser le chargement des images pour éviter les conflits de chargement répétés.

3.3 Configuration de l'exécution JS différée

• entrer dans Perfmatters > JavaScript
• ouvre Délai JavaScript qui retarde l'exécution de tous les fichiers JS jusqu'à l'interaction avec l'utilisateur.

• ouvreJavaScriptEnsuite, il afficheraExclusions rapides cocher directement l'option "Elementor"peut être

3.4 Recherche préalable de DNS et préconnexion

• entrer dans Perfmatters > Préchargement > Connexion

Préconnexion

• Zone de saisie : peut être remplie, par exemple https://fonts.gstatic.com
• Les connexions TCP/TLS peuvent être établies à l'avance pour réduire les délais de chargement.

DNS Prefetch (DNS Prefetch)

• Zone de saisie : peut être remplie, par exemple //fonts.googleapis.com
• Réduire le temps de consultation du DNS en résolvant les noms de domaine à l'avance

Erreurs de configuration courantes et solutions

questions	raison d'être	guérir
Mauvais style de présentation	Désactivation des fichiers CSS du noyau d'Elementor	Réactivation d'Elementor CSS dans le gestionnaire de scripts
Interaction invalide avec la page	Retard dans l'exécution de la JS nécessaire	Ajouter le fichier JS correspondant à la liste d'exclusion retardée
L'éditeur ne peut pas être chargé	La fonction Delay JS exclut la fonction Elementor Editor JS	Vérifier la liste d'exclusion en ajoutant elementor Scripts associés
Les images se chargent de manière répétée ou scintillent	Activation de la charge paresseuse d'Elementor et de Perfmatters	Conservez uniquement la fonctionnalité Lazy Load de Perfmatters ou d'Elementor.

V. Résumé

Perfmatters La vitesse de chargement du site web d'Elementor peut être considérablement améliorée, mais vous devez faire attention à retarder l'exécution JS pour exclure les scripts principaux d'Elementor, à éviter le Lazy Load et la double activation d'Elementor, à configurer le DNS pre-fetching et les pré-connexions, ainsi que d'autres problèmes. En configurant Perfmatters et Elementor correctement, vous pouvez obtenir un chargement plus rapide tout en conservant le design et les fonctionnalités.Améliorer le référencement et les taux de conversion.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.