Exclure les JS inline de la combinaison

L'option "Combiner des fichiers JavaScript" s'applique automatiquement aux scripts JS inline et aux scripts tiers.

Si ce comportement crée un problème sur votre site, vous pouvez exclure les JS inline de l'option de combinaison grâce à ce champ : 

Placez-y une chaîne unique du JS inline que vous souhaitez exclure. 
WP Rocket recherchera cette chaîne dans le JS inline pour décider si elle doit être exclue ou non.

Exclure des scripts spécifiques

Trouvez une chaîne unique dans le JavaScript inline que vous souhaitez exclure et placez-la dans le champ "Fichiers JavaScript Exclus". WP Rocket recherchera cette chaîne dans le JavaScript inline pour décider si elle doit être exclue ou non :

Si vous rencontrez un problème avec la création de trop de fichiers JavaScript, veuillez lire ce guide : Résoudre les problèmes de dossier de cache volumineux causés par les Inline JS dynamiques

Exclure tous les scripts inline

Il peut être utile d'exclure rapidement tous les scripts en ligne lors du dépannage, afin de vérifier si le problème auquel vous êtes confronté est lié aux scripts inline. Pour les exclure tous, ajoutez ce qui suit dans le champ d'exclusion :

;
,
=
(
{

Attention !

Certains patterns d'exclusions ne peuvent pas être traités et sont automatiquement supprimés.

Si vous les ajoutez, vous devriez voir apparaître un avertissement avec ce message "WP Rocket : Les patterns suivants ne sont pas valides et ont été supprimés".

Pour en savoir plus, consultez cette doc : Patterns d'exclusion non valides

Comment trouver JS inline à exclure

Dans cet exemple, nous nous référons spécifiquement à l'utilisation du navigateur Chrome.

1

Ouvrez les Outils de développement. Pour ce faire, vous pouvez soit cliquer sur le bouton droit de la souris et sélectionner dans le menu Inspecter, soit en haut de la fenêtre, aller dans l'onglet : Afficher → Options pour les développeurs → Outils de développement. 

2

Recherchez le message d'erreur rouge sur le côté droit :

3

Cliquez dessus pour ouvrir la Console, puis cliquez sur le fichier indiqué dans le message d'erreur :

4

Cela vous amènera directement au code du fichier lié à l'erreur. Recherchez le code souligné en rouge et copiez-le :

5

Ouvrez un nouvel onglet du navigateur et chargez la version non mise en cache de la page. Vous pouvez l'obtenir en ajoutant ?nowprocket à l'URL, cela aura pour effet de charger une version sans cache et non minifiée de votre page. C'est nécessaire pour trouver les URLs originales des fichiers.

Une URL sans cache sera donc du type  http://example.com/?nowprocket, ou encore http://example.com/some-page/?nowprocket.

6

Ouvrez les Outils de développement dans ce nouvel onglet. Puis cliquez sur la Console :

7

Copiez le code suivant dans la Console :

 (Vous trouverez ce code  ici)

8

Appuyez sur Entrée pour remplir la console avec tous les scripts, y compris les scripts inline en rouge :

Vous pouvez y rechercher le code référence du script inline, puis en choisir une chaîne unique à entrer dans la zone d'exclusion de nos réglages.

Si l’erreur est liée à un script JS tiers, suivez les instructions ici pour l’exclure de la combinaison.