lyio/thesis

Collection of latex documents for my bachelor thesis

Performance-Analyse und Optimierung von Single-Page-Anwendungen auf Basis von AngularJS

Es sollen Metriken zu Zwecken der Performance-Optimierung clientseitiger JavaScript-Anwendungen gewonnen werden. Konkret soll eine existierende, umfangreiche Anwendung untersucht und Möglichkeiten zur Performance-Messung und -Optimierung erarbeitet werden. Als Ergebnisse sollen Vorschläge zur Optimierung der Anwendung und Richtlinien für die weitere Entwicklung vorliegen.

Gliederungsvorschlag:

1. Beantwortung der Frage Why performance matters
2. Erläuterung SPA und AngularJS als clientseitiges MVC-Framework
3. Erarbeitung/Evaluierung von Performance-Metriken

• Möglichkeiten zur kontinuierlichen Erfassung/Kontrolle geeigneter Metriken
• Betrachtung von existierenden Werkzeugen
  • Chrome Dev Tools
    • Timeline
    • Flamecharts
  • WebPageTester
  • Batarang

4. Performance-Faktoren bei JavaScript-Anwendungen, speziell Angular.JS 1.x

• Funktionsweise von Angular.JS und Folgen für Performance
  • $scope, $digest loop, watchers
  • Mutable Data Structures

5. Eigentliche praktische Analyse
6. Ergebnisse und Vorschläge

Link collection

• 11 Tips to improve angularjs performance
• Angular.JS documentation
• Angular JS 1200ms to 35ms
• Stackoverflow: How to speed up an angular js application
• Angular JS performance with large lists
• ngconf 2015: Fast from the start
• ngconf 2015: Why Realtime matters(Firebase)
• ngconf 2015: Change Detection Reinvented
• How I made a mess of my Angular Application
• ng-europe 2014: Building Games
• ng-europe 2014: On Tooling
• Angular Connect 2015: Turn the Performance knob to 11
• Velocity 2015, Santa Clara: Performance Analytics
• Tim Kadlec of Akamai on modern web perfomance
• Alois Reitbauer (Ruxit.com) on the Shifting Culture of Web Performance