Exclure des fichiers JavaScript du chargement différé
Dans cette documentation :
Parfois l'option Chargement différé des fichiers JS (Optimisation des fichiers → Fichiers JavaScript) peut créer des conflit avec certains fichiers.
Si cette option vous cause des problèmes, vous avez peut-être besoin d'exclure certains fichiers du processus.
WP Rocket 3.8+
À partir de WP Rocket 3.8, il y a un champ dans les réglages du plugin pour exclure les fichiers :
Les exclusions peuvent être faites en utilisant l'un des moyens suivants :
- URL complètes des fichiers
- Mots clés de l'URL du fichier
- Wildcards
Exemples
Exclure un fichier externe
<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBusRuOn8uzsREWbwi-KCU4puf0me2aj3A&libraries=places" type="text/javascript"> </script>
Vous pouvez simplement utiliser le domaine :
maps.googleapis.com
Exclure un groupe de fichiers
Pour exclure tous les fichiers d'un dossier de plugin spécifique, vous pouvez utiliser une wildcard :
https://www.example.org/wp-content/plugins/my-plugin/assets/js/um-crop.min.js?ver=2.1.12
Utilisez ce qui suit :
/wp-content/plugins/my-plugin/assets/js/(.*).js
Exclure un fichier minifié
Pour exclure un fichier qui est également minifié, l'exclusion doit être basée sur l'URL du fichier minifié. Choisissez donc une partie de l'URL qui n'est pas modifiée par la minification.
Pour exclure ce fichier :
https://www.example.org/wp-content/cache/min/1/wp-content/plugins/plugin-name/assets/js/pickadate/picker.time-f9a2f2b5fb728f25892f2f41b6f8a4b9.js
Utilisez ce qui suit :
plugin-name/assets/js/pickadate/picker.time
WP Rocket < 3.8
Vous pouvez faire ceci en téléchargeant, en installant, et en modifiant le petit plugin d'aide suivant :
Attention ! Vous devez modifiez la ligne débutant par $excluded_files[] pour indiquer le chemin du fichier que vous souhaitez exclure.
📥 Télécharger (.zip): WP Rocket | Exclude Files from Defer JS
Développeurs: Vous pouvez trouver le code pour ce plugin sur GitHub.
Astuce pour que ça fonctionne
Supprimer la query string
Supprimer toutes les query string après l'extension .js. Par exemple, pour exclure :
https://example.com/wp-content/themes/neutro/js/responsive-menu.js?ver=46e6ce
utilisez :
/wp-content/themes/neutro/js/responsive-menu.js
Supprimez le nom de domaine des URLs des fichiers externes
Pour les fichiers JS externes (i.e. ceux qui ne sont pas sur votre domaine), supprimez le nom de domaine. Par exemple, pour exclure :
https://ws.sharethis.com/button/st_insights.js?publisher=123-abc-456&product=simpleshare
utilisez :
/button/st_insights.js
Fichiers hébergés sur des domaines externes
À partir de WP Rocket 3.1.3, vous pouvez exclure des fichiers JS externes (c'est-à-dire ceux qui ne sont pas hébergés sur votre domaine) en utilisant :
- Seulement le domaine
- N'importe quelle partie de l'URL
- Les Wildcards
Par exemple, pour exclure cette URL :
https://ws.sharethis.com/button/st_insights.js?publisher=123-abc-456&product=simpleshare
N'importe lequel des suivants fonctionnera :
$excluded_files[] = '/button/st_insights.js';
$excluded_files[] = 'ws.sharethis.com';
$excluded_files[] = 'https://ws.sharethis.com/button/(.*).js';