Bonjour !

Tout d'abord, lisez cet article : https://onlinemediamasters.com/perfmatters-settings/

Ensuite, lisez ceci : https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

testez, comparez et, à la fin, regardez cette vidéo YouTube (qui dure plus de 2 heures) :

...et enfin, cet article est également intéressant, toujours à propos des performances de Divi : https://onlinemediamasters.com/divi-slow-loading-website/

Bonne chance !

Santé, Mik

L'utilisation de Perfmatters avec Divi peut grandement améliorer les performances.

Toutefois, certaines fonctionnalités doivent être configurées avec soin pour éviter les conflits.

Voici ce que j'en pense et ce que j'en fais :

1. Cadre du module dynamique

• Ce qu'il fait : Ne charge que les modules Divi utilisés sur la page, ce qui réduit la quantité de données.
• Conflit potentiel : Aucune. Perfmatters n'a pas de fonction similaire.
• Recommandation : Activez cette fonction dans Divi pour une meilleure efficacité.

2. CSS dynamique

• Ce qu'il fait : Génère et charge dynamiquement uniquement les feuilles de style CSS nécessaires à la page.
• Conflit potentiel : Aucun. Perfmatters n'interfère pas avec le chargement des feuilles de style CSS spécifiques aux Divis.
• Recommandation : Activer le CSS dynamique dans Divi.

3. Icônes dynamiques

• Ce qu'il fait : Charge uniquement les polices d'icônes utilisées sur la page.
• Conflit potentiel : Aucun. Perfmatters ne gère pas le comportement des polices d'icônes.
• Recommandation : Activez-la dans Divi pour minimiser le chargement des polices d'icônes.

4. Charger une feuille de style dynamique en ligne

• Ce qu'il fait : Charge les styles dynamiques en ligne au lieu d'utiliser des feuilles de style externes.
• Conflit potentiel : Aucun. Perfmatters ne gère pas directement les styles en ligne.
• Recommandation : Testez cette option. Elle peut améliorer les performances pour les petites feuilles de style CSS, mais peut nuire aux performances si les styles en ligne sont nombreux.

5. CSS critique

• Ce qu'il fait : Génère et charge les feuilles de style CSS essentielles pour le contenu au-dessus du pli.
• Conflit potentiel : Aucun. Perfmatters ne génère pas de CSS critique.
• Recommandation : Activez-le dans Divi pour un rendu plus rapide.

6. Hauteur du seuil critique

• Ce qu'il fait : Définit la hauteur de la fenêtre de visualisation pour la génération de CSS critiques.
• Conflit potentiel : Aucun.
• Recommandation : Ajustez ce paramètre en fonction de votre mise en page. Il n'y a pas de chevauchement avec Perfmatters.

7. Bibliothèques dynamiques JavaScript

• Ce qu'il fait : Charge uniquement les bibliothèques JavaScript nécessaires.
• Conflit potentiel : Le gestionnaire de scripts de Perfmatters peut entrer en conflit si vous désactivez manuellement les mêmes bibliothèques.
• Recommandation : Activez-le dans Divi, mais évitez le contrôle manuel des scripts dans Perfmatters, sauf en cas de nécessité.

8. Désactiver les Emojis WordPress (ils continueront à se charger dans le système d'exploitation et le navigateur)

• Ce qu'il fait : Empêche WordPress de charger les scripts et styles liés aux emojis.
• Conflit potentiel : Perfmatters propose la même option.
• Recommandation : Utilisez cette option soit dans Divi, soit dans Perfmatters, mais pas dans les deux.

9. Différer le bloc Gutenberg CSS

• Ce qu'il fait : Diffère le chargement du bloc CSS de Gutenberg.
• Conflit potentiel : Les Perfmatters peuvent également différer la CSS Gutenberg.
• Recommandation : Utilisez cette option soit dans Divi, soit dans Perfmatters, mais pas dans les deux.

10. Améliorer le chargement des polices Google

• Ce qu'il fait : Optimise le chargement des polices Google en combinant ou en différant les demandes.
• Conflit potentiel : Perfmatters propose une optimisation similaire de Google Fonts.
• Recommandation : Utilisez-le dans Divi ou Perfmatters. Testez les deux pour voir ce qui fonctionne le mieux.

11. Différer jQuery et jQuery Migrate

• Ce qu'il fait : Diffère le chargement de jQuery et de son script de migration.
• Conflit potentiel : Perfmatters offre une fonction similaire.
• Recommandation : Utilisez ceci dans Divi ou Perfmatters, mais pas dans les deux. Testez soigneusement, car le report de jQuery peut entraîner des problèmes de compatibilité avec des plugins ou des scripts personnalisés.

Recommandations générales :

• Utilisez les fonctionnalités qui se chevauchent soit dans Divi, soit dans Perfmatters, mais pas dans les deux.
• Test, test, test : Utilisez des outils tels que Google PageSpeed Insights ou GTmetrix pour contrôler les performances.
• ET SURTOUT !!! Utilisez le gestionnaire de scripts de Perfmatters : Il offre un contrôle précis sur les scripts et les styles, ce que Divi n'offre pas !

Santé, madb 🙂 .