Advanced JS Bundling pour Magento 2
- Magento 2.3
- Magento 2.4
- 100% Opensource
- 60 jours de support gratuit
- Mises à jour illimitées
- 14 jours de rétractation
Captures d’écran
Utilisez notre démo en ligne pour découvrir l’extension
Le bundling JS est une fonctionnalité native de Magento visant à regrouper tous les fichiers JS nécessaires au fonctionnement du site. Plutot que de charger 200 fichiers séparés en fonction du besoin via RequireJs, toutes les ressources sont pré-chargées dans 1 fichier et directement disponible en cas d'utilisation dans le code.
Le nombre de requêtes est donc diminué et le temps de chargement est amélioré.
Néanmoins, le poids de ces fichiers bundlesX.js est souvent très élevé car ils contiennent beaucoup de ressources inutiles.
Avec Advanced JS Bundling, vous pouvez définir facilement et rapidement les fichiers qui ne doivent pas être regroupés.
Vous pouvez également définir les fichiers qui sont propre à une section du site pour éviter qu'ils soient chargées sur d'autres sections. Le module Magento_Checkout pourra par exemple être regroupé dans le fichier bundle-checkoutX.js et être téléchargé uniquement dans le tunnel de commande.
Si un fichier nécessaire à une page du site a été retiré du bundle, il sera chargé par RequireJs.
Pourquoi ne pas utiliser la fonctionnalité native de bundling JS de Magento ?
Le processus de mise en place est très fastidieux et sujet à de nombreuses erreurs. La plupart des gens abandonnent.
La documentation ne fonctionne pas pour les utiliseurs Windows.
En testant la demo de Advanced JS Bundling par Blackbird, vous constaterez que toutes les options d'aministration sont disponibles depuis le Back Office de Magento 2. C'est ce qui rend cette extension facile d'utilisation et plus rapide à mettre en place.
Fonctionnalités
Exclusion
Exclure des fichiers ou module des fichiers bundles.js, comme par exemple Magento_Tinymce3 n'a pas besoin d'être chargé pour le front-end.
Ceci est identique à ce que vous pouvez faire depuis le fichier view.xml de votre thème, mais est accessible directement depuis l'administration.
Répartition par section
Ciblez les librairies JS nécessaire uniquement pour certaines zones afin de les charger qu'au bon moment.
Vous pouvez définir des regroupements pour l'espace client, la fiche produit, les catégories et le checkout.