Warum Gebrauch @ Scripts.Render ("~/Bündel/jquery")

Question

Wie

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

unterscheiden sich von nur Referenzierung das Skript von HTML-ähnliche

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

es irgendwelche Performance-Gewinne?

Answer 1

Bei der Bündelung geht es darum, mehrere JavaScript- oder Stylesheet-Dateien ohne Formatierung (auch als "minified" bezeichnet) in eine einzige Datei zu komprimieren, um die Bandbreite und die Anzahl der Anforderungen zum Laden einer Seite zu speichern.

Als Beispiel könnten Sie Ihr eigenes Paket erstellen:

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

Und es so machen:

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

Für Stylesheets finden Sie eine StyleBundle und @ Styles.Render() verwenden.

Anstatt jedes Skript oder jeden Stil mit einer einzigen Anfrage (mit Skript- oder Link-Tags) zu laden, werden alle Dateien in einer einzelnen JavaScript- oder Stylesheet-Datei komprimiert und zusammen geladen.

Answer 2

Sie können auch verwenden:

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

das Format der Ausgabe in einem Szenario angeben, in dem Zeichensatz verwenden müssen, Typ, usw.