Résoudre les problèmes avec la Minification CSS

Pour résoudre les problèmes d'affichage qui peuvent survenir lorsque l'option Minifier les fichiers CSS est active, veuillez suivre les étapes suivantes :

1. Installez l'extension Chrome Blue Button. 
2. Entrez l'URL de la page avec le problème CSS, et ajoutez ?nowprocket à l'URL, par exemple example.com/about?nowprocket.
   Cela contourne WP Rocket, de sorte que vous pouvez trouver les URLs originales (non modifiées par WP Rocket) de tous les fichiers CSS.
3. Cliquez sur Stylesheets ou Scripts pour obtenir la liste des fichiers CSS et JavaScript internes et externes de votre site. 



4. Copiez la liste des fichiers CSS, et rendez vous aux réglages de WP Rocket > Optimisation des fichiers puis collez cette liste dans le champs de texte de l'option Fichiers CSS à exclure :
   

   

Exclusion des fichiers provenant de domaines externes

Les fichiers provenant de domaines externes peuvent être exclus soit par le  nom de domaine ou via l'URL complète du fichier.

Par exemple, pour exclure : https://bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css

Vous pouvez utiliser l'un ou l'autre : bootstrapcdn.com
ou https://bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css

5. Sauvegardez et vérifiez votre site, en étant déconnecté ou en mode incognito. Tout devrait s'afficher normalement désormais.
6. Maintenant supprimez chaque fichier un à un de cette liste. Après chaque suppression, sauvegardez et vérifiez votre site. Répétez cette opération jusqu'à ce que le site soit à nouveau cassé.
7. Lorsque le site est cassé à nouveau, remettez la dernière URL supprimée dans la liste et continuez jusqu'à la fin.

Remarque : cette méthode peut être utiliser aussi pour la Minification / Combinaison des fichiers JS (en choisissant Scripts dans Blue Button), mais cette autre méthode est plus rapide.
De plus, ceci peut être utilisé pour la fonction Combiner les fichiers CSS si vous utilisez une version de WP Rocket antérieure à la 3.15.

Attention!

Certains modèles d'exclusion ne peuvent pas être traités et sont automatiquement supprimés.

Si vous les ajoutez, vous devriez voir apparaître une notification avec la mention "WP Rocket : Les patterns suivants sont invalides et ont été supprimés".

Pour en savoir plus, consultez nos Patterns d'exclusion non valides.