Wie geht das?
@Scripts.Render("~/bundles/jquery")
unterscheiden sich davon, nur das Skript von HTML wie folgt zu referenzieren
<script src="~/bundles/jquery.js" type="text/javascript"></script>
Gibt es Leistungssteigerungen?
Wie geht das?
@Scripts.Render("~/bundles/jquery")
unterscheiden sich davon, nur das Skript von HTML wie folgt zu referenzieren
<script src="~/bundles/jquery.js" type="text/javascript"></script>
Gibt es Leistungssteigerungen?
Antworten:
Beim Bündeln geht es darum, mehrere JavaScript- oder Stylesheets-Dateien ohne Formatierung (auch als minimiert bezeichnet) in einer einzigen Datei zu komprimieren, um die Bandbreite und die Anzahl der Anforderungen zum Laden einer Seite zu speichern.
Als Beispiel könnten Sie Ihr eigenes Bundle 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 machen Sie es so:
@Scripts.Render("~/bundles/mybundle")
Ein weiterer Vorteil @Scripts.Render("~/bundles/mybundle")
gegenüber dem Native <script src="~/bundles/mybundle" />
besteht darin, dass @Scripts.Render()
die web.config
Debug-Einstellung berücksichtigt wird:
<system.web>
<compilation debug="true|false" />
In debug="true"
diesem Fall werden stattdessen einzelne Skript-Tags für jedes Quellenskript ohne Minimierung gerendert.
Für Stylesheets müssen Sie ein StyleBundle und @ Styles.Render () verwenden.
Anstatt jedes Skript oder jeden Stil mit einer einzigen Anforderung (mit Skript- oder Link-Tags) zu laden, werden alle Dateien in eine einzige JavaScript- oder Stylesheet-Datei komprimiert und zusammen geladen.
Sie können auch verwenden:
@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\"></script>", "~/bundles/mybundle")
So legen Sie das Format Ihrer Ausgabe in einem Szenario fest, in dem Sie Zeichensatz, Typ usw. verwenden müssen
async
Attribut hinzuzufügen .
@Scripts.RenderFormat("<script type=\"text/javascript\" async src=\"{0}\"></script>", "~/bundles/mybundle")