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 :
- Rendez-vous sur notre outil en ligne Get Page Resources.
- Saisissez l'URL de la page contenant le problème CSS.
- Cliquez sur le bouton Get Non-cached Page Resources.
- Dans le menu latéral, clicquez sur CSS > External CSS Files pour obtenir la liste des fichiers CSS de votre site :
- 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 :
- Sauvegardez et vérifiez votre site, en étant déconnecté ou en mode incognito. Tout devrait s'afficher normalement désormais.
- 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é.
- Lorsque le site est cassé à nouveau, remettez la dernière URL supprimée dans la liste et continuez jusqu'à la fin.
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
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.
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.