Advanced JS Bundling pour Magento 2

Pour les développeurs

 

 

Déterminer les fichiers à exclure

 

En inspectant les fichiers bundles par défaut, vous pourrez rapidement voir des modules ou fichiers qui ne concernent : 

 

  • Aucune page front de votre site (par exemple : Magento_Tinymce3)

  • Uniquement une section particulière de votre site (par exemple Magento_Dhl pour le checkout)

Dans le premier cas, il serait peut être bon d’envisager de désactiver le module complètement.

 

Dans le second cas, vous pourriez opter pour déplacer ce module/fichier dans une section plus adéquate : checkout/ customer / product / category

Il est important de se focaliser sur les fichiers les plus lourds, facile à repérer sur chrome avec la mention “show more” sur la ligne.

 

 

 

Advanced JS Bundling

 

Vérifiez le chargement des fichiers spécifiques

 

Lorsque la commande de génération est lancé, une structure similaire à la suivante devrait être généré :


Advanced JS Bundling
 

 

 

Dans le code source en front, vous devriez voir apparaître vos bundles spécifique lorsque vous atteignez les layout handlers que vous avez configuré.

 
 
Advanced JS Bundling