Trouver les bons fichiers JS à exclure de la Minification

La minification JavaScript peut être très complexe à résoudre, surtout quand vous avez beaucoup de fichiers. Nous décrivons ce processus dans notre documentation Résoudre les problèmes avec l’optimisation des fichiers, qui est essentiellement un processus d'élimination. Cependant, il est parfois possible d'identifier et d'exclure plus directement les fichiers qui posent problèmes.

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://exaemple.com/?nowprocket, ou encore http://example.com/some-page/?nowprocket.

6

Ouvrez les outils de développement, puis cliquez sur les 3 points sur le côté droit et sélectionnez Search all files :

7

Collez le code problématique dans la boîte de recherche et il localisera le fichier dans lequel ce code est présent :

8

Il n'est pas possible, malheureusement, de copier le nom de fichier de cet écran. Pour ce faire, cliquez sur l'onglet Network (rechargez la page si nécessaire pour en extraire les fichiers). Recherchez ensuite le fichier dans la liste :

Une fois que vous avez trouvé le bon fichier, cliquez avec le bouton droit de la souris sur le nom du fichier, sélectionnez Copier, puis Copier l'adresse du lien.

9

Collez-le dans Fichiers JavaScript exclus dans l'onglet des Optimisation des fichiers de WP Rocket, sous Fichiers JavaScript :

Après avoir enregistré, vous pouvez visiter votre site à nouveau, recharger la page et vérifier qu'il n'y a plus d'erreur JavaScript signalées dans la Console.