¿Por qué usar @ Scripts.Render ("~ / bundles / jquery")

Cómo

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

difieren de simplemente hacer referencia al script de html como este

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

¿Hay algún aumento de rendimiento?

La agrupación consiste en comprimir varios archivos JavaScript u hojas de estilo sin ningún formato (también denominado minificado) en un solo archivo para guardar el ancho de banda y la cantidad de solicitudes para cargar una página.

Como ejemplo, podría crear su propio paquete:

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"))

Y hazlo así:

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

Una ventaja más de @Scripts.Render("~/bundles/mybundle")sobre el nativo <script src="~/bundles/mybundle" />es que @Scripts.Render()respetará la web.configconfiguración de depuración:

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

Si debug="true"es así, en su lugar, representará etiquetas de script individuales para cada script de origen, sin ninguna minificación.

Para las hojas de estilo, deberá usar un StyleBundle y @ Styles.Render ().

En lugar de cargar cada script o estilo con una sola solicitud (con script o etiquetas de enlace), todos los archivos se comprimen en un solo archivo JavaScript u hoja de estilo y se cargan juntos.

También puedes usar:

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

Para especificar el formato de su salida en un escenario donde necesita usar Charset, Type, etc.