Advanced JS Bundling pour Magento 2

SKU P1023

Options personnalisables:

Améliore les performances en générant des Bundles JS optimisés pour Magento

 

  • Exclusion des fichiers ou modules non nécessaires directement depuis l'administration
  • Définition de regroupements de librairies JS nécessaires

 

Parcourez la page et notre documentation pour découvrir toutes les fonctionnalités

 

Disponible pour ces versions :

  • 2.3
  • 2.4

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.

00 - 1 /

Exclusion

chevron-down
  • 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.


00 - 2 /

Répartition par section

chevron-down
  • 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.


Pourquoi choisir Blackbird ?

Open Icon

100% Open source

Open Icon

Remboursé sous 14 jours

Open Icon

60 jours de support offert

Open Icon

Mises à jour illimitées

loader
Chargement en cours...