Inhaltsverzeichnis
Eine der Aufgaben eines Frameworks besteht darin, den Workflow eines Entwicklers zu verbessern, indem Werkzeuge und Konventionen bereitgestellt werden, die es erforderlich machen, weniger über den technischen Teil der Erzielung von Dingen und mehr über die Logik unserer Anwendungen nachzudenken.Im Falle des ASP.NET MVC, uns werden auch Tools angeboten, die es uns ermöglichen, die Pakete von . direkt zu generieren Skripte zusätzliche, die unsere Anwendung verwendet, und um sie zu minimieren, um eine der Best Practices einzuhalten und die Leistung zu steigern.
In ASP.NET MVC wir haben die bibliothek System.Web.Optimierung, damit wir auf Methoden zugreifen können, die es uns ermöglichen, die Elemente unserer Webanwendung zu optimieren, wie z. B. das Verpacken der verschiedenen Stildateien und Javascript.
Diese Bibliothek enthält auch Elemente, die uns helfen, den Cache der statischen Ergänzungen unserer Anwendung sowie die Verkleinerung der Dateien zu verbessern. Schauen wir uns zunächst an, wie dieses Plugin funktioniert.
In AktionWenn wir die Datei sehen Layout.cshtml, können wir feststellen, dass wir eine Shortcut-Methode verwenden, um den Pfad der Stilressourcen zu definieren und Javascript, das ist nichts anderes als Rendern () und wir verwenden es mit seinen Unterscheidungsmerkmalen @Styles Ja @Skripte, was es tut, ist einfach die Ressourcen zu packen und zu minimieren, es ist unmöglich, dass unsere Entwicklung einfacher ist, analysieren wir, wie sie heißen:
Das erste, was uns auffällt, ist, dass in @ Styles.Render () Wir gehen zwei verschiedene Wege, was uns zu dem Schluss führt, dass wir auf diese Weise alles in derselben endgültigen Datei vereinen können und damit weniger Anfragen stellen werden HTTP.
Im Falle des @Skripte Wir machen es mit einem einzigen Element, aber dies kann auf mehrere angewendet werden, wie in den Stilen.
Wenn wir ein Performance-Analyse-Tool im Browser ausführen, werden wir feststellen, dass wir diese Elemente zwar im Basistemplate auf diese Weise aufrufen, sie aber dennoch in verschiedenen Dateien angezeigt werden, dies geschieht, weil die Entwicklungsumgebung aktiviert ist debuggen Daher werden sie aus Gründen der besseren Lesbarkeit und des Debuggings nicht in einer einzigen Datei gebündelt.
Dazu müssen wir die Konfigurationsdatei suchen und dort unserem Framework mitteilen, dass es Verbesserungen zulassen muss, indem wir die folgende Option auf true setzen:
BundleTable.EnableOptimizations
Damit, wenn wir zum Beispiel das Messtool erneut ausführen Yslow, wir werden das im Abschnitt Minimierung und Anfragen sehen HTTP alles wurde nach den besten Praktiken durchgeführt.
Standardmäßig hat die Vorlage auch die Struktur zum Definieren der Stildateien, oberhalb des Dokuments und der Skripte ganz unten stehen allerdings Skripte wie zum Beispiel modernizr.js Wir können sie nicht am Ende des Dokuments definieren, da ihre Funktionalität darin besteht, das Seitenladeerlebnis zu verbessern, daher muss sie sofort ausgeführt werden.
Damit haben wir dieses Tutorial abgeschlossen, wir haben gesehen, wie es auf einfache Weise geht ASP.NET MVC ermöglicht es uns, Pakete mit Stildateien und Skripten zu erstellen und sie automatisch zu verkleinern, was uns hilft, uns einfach der Erstellung der Logik unserer Anwendung zu widmen.