Pourquoi utiliser @scripts.Render("~/bundles/jquery")

Question

Comment les

@Scripts.Render("~/bundles/jquery")

diffère de la simple référence au script du html comme ceci

<script src="~/bundles/jquery.js" type="text/javascript"></script>

Y a-t-il des gains de performance ?

Answer 1

Le regroupement consiste à compresser plusieurs fichiers JavaScript ou feuilles de style sans aucun formatage (également appelés "minifiés") en un seul fichier afin d'économiser de la bande passante et de réduire le nombre de requêtes de chargement d'une page.

Vous pouvez par exemple créer votre propre offre groupée :

bundles.Add(New ScriptBundle("~/bundles/mybundle").Include(
            "~/Resources/Core/Javascripts/jquery-1.7.1.min.js",
            "~/Resources/Core/Javascripts/jquery-ui-1.8.16.min.js",
            "~/Resources/Core/Javascripts/jquery.validate.min.js",
            "~/Resources/Core/Javascripts/jquery.validate.unobtrusive.min.js",
            "~/Resources/Core/Javascripts/jquery.unobtrusive-ajax.min.js",
            "~/Resources/Core/Javascripts/jquery-ui-timepicker-addon.js"))

Et rendez-le ainsi :

@Scripts.Render("~/bundles/mybundle")

Un autre avantage de @Scripts.Render("~/bundles/mybundle") sur l'autochtone <script src="~/bundles/mybundle" /> est que @Scripts.Render() respectera la web.config paramètre de débogage :

  <system.web>
    <compilation debug="true|false" />

Si debug="true" alors il rendra les balises script individuelles pour chaque script source, sans aucune minification.

Pour les feuilles de style, vous devrez utiliser un StyleBundle et @Styles.Render().

Au lieu de charger chaque script ou style avec une seule requête (avec les balises script ou link), tous les fichiers sont compressés dans un seul fichier JavaScript ou feuille de style et chargés ensemble.

Answer 2

Vous pouvez également utiliser :

@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\"></script>", "~/bundles/mybundle")

Pour spécifier le format de votre sortie dans un scénario où vous devez utiliser Charset, Type, etc.