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?
asp.net-mvc-4
asp.net-optimization
Tom Squires
quelle
quelle
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:
Und machen Sie es so:
Ein weiterer Vorteil
@Scripts.Render("~/bundles/mybundle")
gegenüber dem Native<script src="~/bundles/mybundle" />
besteht darin, dass@Scripts.Render()
dieweb.config
Debug-Einstellung berücksichtigt wird: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.
quelle
Sie können auch verwenden:
So legen Sie das Format Ihrer Ausgabe in einem Szenario fest, in dem Sie Zeichensatz, Typ usw. verwenden müssen
quelle
async
Attribut hinzuzufügen .@Scripts.RenderFormat("<script type=\"text/javascript\" async src=\"{0}\"></script>", "~/bundles/mybundle")