Utiliser Divi avec WP Rocket

Ce document contient toutes les informations nécessaires à l'utilisation du thème Divi avec WP Rocket.

Option Performance de Divi

Divi inclut certaines fonctionnalités de Performance : Divi  > Options > Performance.

En général, il est recommandé de n'utiliser les options de WP Rocket que pour éviter d'avoir des optimisations dupliquées sur un site. Par conséquent, vous devez désactiver les options suivantes de Divi :

• CSS Dynamique
• CSS Critique
• Disable WordPress Emojis
• Improve Google Fonts Loading
• Defer jQuery and jQuery Migrate
  • Enqueue jQuery Compatibility Script
  • Defer additional third party scripts

Vous devriez aussi  désactiver l’option Static CSS File Generation, Divi > Theme Options > Builder > Advanced.

Divi et l'option Reporter l'exécution JavaScript

Vous pouvez cocher les cases Divi dans la section Exclusions en un click de l'option Reporter l’exécution du JavaScript de WP Rocket afin de charger les éléments de Divi sans interaction, comme indiqué ci-dessous :

Le fait de cocher les cases et d'enregistrer les modifications devrait suffire à charger les éléments immédiatement et à résoudre les problèmes. Cependant, il est également possible que vous deviez trouver des exclusions personnalisées et les ajouter à la zone Fichiers JavaScript exclus.

Divi et Supprimer les ressources CSS inutilisées

Lorsque vous mettez à jour un template Divi, et que la fonctionnalité Supprimer les ressources CSS inutilisées est active, WP Rocket affichera l'avertissement suivant sur les pages du tableau de bord de WordPress, vous recommandant d'effacer le CSS utilisé et un bouton pour cela.

WP Rocket : Votre template Divi a été mis à jour. Effacez le CSS utilisé si la mise en page, la conception ou les styles CSS ont été modifiés.

Split testing - Divi Leads

Le module de split testing de Divi, appelé Divi Leads, n'est pas compatible avec la mise en cache car il repose sur PHP, qui n'est pas disponible sur une page mise en cache.

Le module Blog disparaît

Le module Blog de DIVI n'est pas compatible avec l'option  Optimiser le chargement du CSS. Pour le résoudre, vous pouvez désactiver Optimiser le chargement du CSS sur la page concernée

Module vidéo

Le module vidéo Divi n'est pas compatible avec l'option Remplacer l'iframe Youtube par une image d'aperçu (sous-option d'Activer sur les iframes et vidéos). Cette option sera automatiquement désactivée et grisée lors de l'utilisation de Divi ou d'un thème enfant de Divi.

Slider Module & LazyLoad

Si vous utilisez le Slider Module, les images peuvent être déplacées de leur emplacement d'origine si le Lazyload est activé.

Pour l'instant, la seule solution est de  désactiver le LazyLoad sur les pages et articles en question. Étant donné que Divi n'utilise pas de filtres pour appeler les éléments du Slider Module, nous ne pouvons pas "hooker" afin d'insérer l'attribut data-no-lazy = "1" sur l'attribut img.

Icônes de police manquantes sur IE 11

Dans quelques rares cas, vous ne voyez pas les icônes sur votre site lors de la navigation avec Internet Explorer 11. Vous pouvez résoudre ceci en installant ce petit plugin d’aide :

📥  Télécharger (.zip): WP Rocket | Remove ETag
Développeurs : vous trouverez le code de ce plugin sur GitHub.

Attention ! Les développeurs du thème mettent à jour leur code régulièrement et cela peut affecter les fichiers qu'il est nécessaire d'exclure. Si cette solution ne fonctionne pas pour vous,  dites-le nous !

Vidage du cache synchronisé

Divi déclenche le cache partiel ou complet de WP Rocket dans des scénarios tels que :

• enregistrer un message
• enregistrement de la mise en page du modèle
• activation/désactivation du CSS statique;

Les images ne s'affichent pas lorsque le LazyLoad est actif

Si les images ne s'affichent pas ou ne s'affichent qu'après actualisation de la page, veuillez utiliser la même solution que celle décrite dans ce guide :
Les images sont de taille incorrecte lorsque le LazyLoad est actif

Avertissement ! Lorsque les développeurs de thèmes mettent à jour leur code, cela peut affecter les fichiers à exclure. Si ces solutions ne fonctionnent pas pour vous, Faites le nous savoir!