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?
fuente
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.config
configuració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.
async
atributo.
@Scripts.RenderFormat("<script type=\"text/javascript\" async src=\"{0}\"></script>", "~/bundles/mybundle")