Concaténer et minimiser les dépendances pour les fichiers JavaScript mis en file d'attente
Je charge un fichier JavaScript en utilisant wp_enqueue_script dans mon thème. Cependant, parallèlement à cela, je charge également plusieurs fichiers jQuery, comme dépendances du script mis en file d'attente (qui a déjà été concaténé et minifié par Grunt). Voici mon code:
add_action('wp_enqueue_scripts', function() {
wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true );
});
Pour le tableau de dépendances, comment pourrais-je concaténer et minimiser ces dépendances jQuery? J'essaie de charger mon site aussi vite que possible, et moins il y a de fichiers JS, mieux c'est. De plus, s'il était possible de les charger de manière asynchrone (à l'aide de la propriété async pour les balises <script>), cela serait un as.
Je préférerais le faire sans utiliser de plugin, mais j'utiliserai un plugin si nécessaire.
Merci pour toute aide :)
W3 Total Cache propose la minification JS/CSS. Je ne connais pas bien le processus qu'ils utilisent, mais si vous souhaitez éviter d'utiliser un plugin, vous pouvez jeter un oeil à leur code source comment ils le gèrent.