Gerade bei großen Unternehmensanwendungen spielt Performance eine besondere Rolle. In dieser Session erfahren Sie am Beispiel einer Angular-Anwendung, mit welchen Maßnahmen Sie bei der Entwicklung von Single Page Applications dieses Architekturziel erreichen können.
Dabei werden zunächst die Themen Ahead-of-Time-Compilation (AOT) sowie Tree Shaking besprochen und aufgezeigt, welche zusätzlichen Möglichkeiten Angular 6 hier dank der neuen Rendering Engine ngIvy mit sich bringt. Anschließend erfahren Sie, wie die Wahl der eingesetzten Datenstrukturen – darunter Immutables und Observables – die Datenbindungsperformance drastisch beeinflussen kann. Zusätzlich wird auf die Themen Lazy Loading und Preloading eingegangen und die Implementierung von Caching Strategien mittels Service Worker und der dazu mit Angular 5 eingeführten Bibliothek @angular/service-worker behandelt. Zum Schluss erfahren Sie, wie das ebenfalls mit Version 5 stark verbesserte serverseitige Rendering die Startgeschwindigkeit erhöhen kann, aber auch, wo die Nachteile dieses Ansatzes liegen.