Mengapa menggunakan @ Scripts.Render (“~ / bundles / jquery”)

Bagaimana

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

berbeda dengan hanya mereferensikan skrip dari html seperti ini

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

Apakah ada keuntungan kinerja?

Bundling adalah tentang mengompresi beberapa file JavaScript atau stylesheet tanpa memformat apa pun (juga disebut dengan minified) menjadi satu file untuk menyimpan bandwidth dan jumlah permintaan untuk memuat halaman.

Sebagai contoh, Anda dapat membuat bundel Anda sendiri:

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

Dan render seperti ini:

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

Satu lagi kelebihan dari @Scripts.Render("~/bundles/mybundle")yang asli <script src="~/bundles/mybundle" />adalah yang @Scripts.Render()akan menghargai web.configpengaturan debug:

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

Jika debug="true"demikian, ia akan membuat tag skrip individual untuk setiap skrip sumber, tanpa minifikasi apa pun.

Untuk stylesheet Anda harus menggunakan StyleBundle dan @ Styles.Render ().

Alih-alih memuat setiap skrip atau gaya dengan satu permintaan (dengan skrip atau tag tautan), semua file dikompresi menjadi file JavaScript atau stylesheet tunggal dan dimuat bersama.

Anda juga bisa menggunakan:

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

Untuk menentukan format output Anda dalam skenario di mana Anda perlu menggunakan Charset, Type, dll.