Навіщо використовувати @ Scripts.Render ("~ / bundles / jquery")

Як

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

відрізняються від просто посилання на скрипт із html, як це

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

Чи є якісь підвищення продуктивності?

Пакет - це стиснення декількох файлів JavaScript або таблиць стилів без форматування (також згаданих як мінімізованих) в один файл для збереження пропускної здатності та кількості запитів для завантаження сторінки.

Як приклад, ви можете створити свій власний пакет:

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

І візуалізуйте так:

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

Ще одна перевага в @Scripts.Render("~/bundles/mybundle")порівнянні з нативним <script src="~/bundles/mybundle" />полягає в тому, що @Scripts.Render()буде дотримано web.configналаштування налагодження:

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

У debug="true"такому випадку він замість цього видаватиме окремі теги скриптів для кожного вихідного сценарію без будь-яких змін.

Для таблиць стилів вам доведеться використовувати StyleBundle та @ Styles.Render ().

Замість завантаження кожного сценарію чи стилю за допомогою одного запиту (із тегами скрипту чи посилання) всі файли стискаються в один файл JavaScript або таблиці стилів та завантажуються разом.

Ви також можете використовувати:

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

Щоб вказати формат виводу у сценарії, коли вам потрібно використовувати Charset, Type тощо.