Sommaire

L’optimisation côté client Optimisation

L’approche d’ASP.NET MVC pour la gestion des paquets côté client a toujours été très spécifique à la plateforme de Microsoft. Depuis la version 4 de MVC, un fichier BundleConfig.cs a fait son apparition et permettait de gérer facilement les librairies du client. L’effet de cette classe est multiple sur le projet :

  • regroupement de plusieurs fichiers afin que le client n’en télécharge qu’un seul au final ;

  • minification des fichiers (scripts et styles) afin de supprimer les commentaires et les espaces inutiles, permettant la réduction du poids du code à télécharger. 

Le code ci-dessous montre un exemple d’une classe BundleConfig. Ici on inscrit des fichiers JS (ou CSS) sous des mêmes bundles, qui seront ensuite intégrés dans le _Layout.cshtml sous la forme de fichier concaténé et minifié. bundles

public class BundleConfig 
{ 
   public static void RegisterBundles(BundleCollection bundles) 
   { 
       bundles.Add(new ScriptBundle("~/bundles/jquery").Include( 
                   "~/Scripts/jquery-{version}.js")); 
 
       bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( 
                 "~/Scripts/bootstrap.js",  ...