Der Kurs JavaScript Performance behandelt Techniken zur Analyse und Optimierung der Ausführung von JavaScript in Webanwendungen. Teilnehmende lernen, wie Laufzeiten gemessen, Engpässe identifiziert und Skripte so strukturiert werden, dass Reaktionszeiten und Ressourcennutzung verbessert werden. Der Kurs befasst sich mit Messwerkzeugen, effizienten Mustern und dem Zusammenspiel von JavaScript mit Rendering- und Netzwerkprozessen.
1. Grundlagen - Leistung und Messung2. Effiziente Skriptstrukturen3. DOM, Rendering und Netzwerk4. Anwendung und Optimierungsprozesse1. Grundlagen - Leistung und Messung
- Verständnis von Hauptthread, Ereignisschleife und Aufgabenarten
- Verwendung von Browser-Profilern und Zeitmesswerkzeugen
- Identifikation von Engpässen in Skripten und Abläufen
- Unterscheidung zwischen einmaligen und wiederkehrenden Kosten
2. Effiziente Skriptstrukturen
- Vermeidung unnötiger Berechnungen und mehrfacher Ausführung
- Einsatz von Caching für wiederverwendete Ergebnisse
- Strukturierung von Funktionen und Modulen zur Reduktion von Kopplung
- Umgang mit asynchronen Abläufen zur Entlastung des Hauptthreads
3. DOM, Rendering und Netzwerk
- Reduktion häufiger DOM-Änderungen und Layout-Neuberechnungen
- Nutzung von Batching und Klassenänderungen statt Einzeloperationen
- Bewusster Umgang mit Netzwerkaufrufen und Datenmengen
- Einsatz einfacher Strategien zur Ladeoptimierung von Skripten
4. Anwendung und Optimierungsprozesse
- Schrittweises Vorgehen: Messen, Analysieren, Anpassen, Überprüfen
- Dokumentation von Änderungen und deren Auswirkungen
- Definition von Zielwerten für Reaktionszeiten und Ausführung
Vorbereitung von Anwendungen auf steigende Datenmengen und Nutzungsszenarien