✅ Empaqueter et minifier dans ASP.NET MVC

Table des matières

L'une des tâches d'un framework est d'améliorer le workflow d'un développeur en fournissant des outils et des conventions qui obligent à penser moins à la partie technique de la réalisation des choses et plus à la logique de nos applications.
Dans le cas d ASP.NET MVC, on nous propose également des outils qui nous permettent de générer directement les packages de Scénarios supplémentaires que notre application utilise et pouvoir les réduire pour se conformer à l'une des meilleures pratiques et augmenter les performances.
Dans ASP.NET MVC nous avons la bibliothèque Optimisation.Système.Web, ainsi nous pouvons accéder à des méthodes qui nous permettent d'optimiser les éléments de notre application Web, telles que l'empaquetage des différents fichiers de style et Javascript.
Cette bibliothèque comprend également des éléments qui nous aident à améliorer le cache des ajouts statiques de notre application, ainsi que la minification des fichiers, voyons comment fonctionne ce plugin dans un premier temps.
En actionSi nous voyons le fichier Layout.cshtml, nous pouvons remarquer que nous utilisons une méthode de raccourci pour définir le chemin des ressources de style et Javascript, ce n'est rien de plus Rendu () et nous l'utilisons avec ses différenciateurs @Modes Oui @Scripts, ce qu'il fait c'est simplement emballer et minifier les ressources directement, il est impossible que notre développement soit plus facile, analysons comment ils s'appellent :

La première chose que l'on peut remarquer, c'est que dans @ Styles.Render () Nous empruntons deux voies différentes, ce qui nous amène à la conclusion que de cette manière, nous pouvons tout unifier dans le même fichier final et avec cela, nous ferons moins de demandes HTTP.
Dans le cas d @Scripts On le fait avec un seul élément mais cela peut s'appliquer à plusieurs comme dans les styles.
Si nous exécutons un outil d'analyse des performances dans le navigateur, nous nous rendrons compte que même si nous appelons ces éléments dans le modèle de base de cette manière, ils sont toujours affichés dans des fichiers différents, cela se produit car l'environnement de développement est activé déboguer et donc pour faciliter la lisibilité et le débogage, ils ne sont pas regroupés dans un seul fichier.
Pour cela, il faut localiser le fichier de configuration et y indiquer à notre framework qu'il doit permettre des améliorations en mettant l'option suivante à true :

BundleTable.EnableOptimizations

Avec cela, si nous exécutons à nouveau l'outil de mesure, par exemple Yslow, nous verrons que dans la section de la minification et des requêtes HTTP tout a été fait selon les meilleures pratiques.

Par défaut, le modèle a également la structure de définir les fichiers de style, au-dessus du document et du scripts en bas, cependant il y a des scripts comme par exemple modernizr.js Nous ne pouvons pas les définir à la fin du document car leur fonctionnalité est d'améliorer l'expérience de chargement de la page, elle doit donc être exécutée immédiatement.
Avec cela, nous avons terminé ce tutoriel, nous avons vu comment d'une manière simple ASP.NET MVC nous permet de créer des packages de fichiers de style et de scripts en plus de les minimiser automatiquement nous aidant à nous consacrer simplement à établir la logique de notre application.