JavaScript-Ausführung

TL;DR

JavaScript-Ausführung blockiert den Hauptthread und verzögert Interaktivität. Weniger und effizienterer Code verbessert Performance und spart Energie.

Warum JavaScript teuer ist

JavaScript-Ausführung ist oft der größte Performance-Faktor. Anders als CSS und HTML muss JS geparst, kompiliert und ausgeführt werden – alles auf dem Hauptthread.

Der Weg von JS

• Download: Datei vom Server holen
• Parse: Code verstehen und AST erstellen
• Compile: In ausführbaren Code umwandeln
• Execute: Tatsächlich ausführen

Probleme

• Blockiert Rendering und Interaktion
• Mobile Geräte 3-5x langsamer als Desktop
• Große Bundles = lange Parse-Zeit

JavaScript optimieren

• Weniger JS laden (Code Splitting)
• Unbenutzten Code entfernen (Tree Shaking)
• Async/Defer für nicht-kritisches JS
• Third-Party-Scripts minimieren
• Effizientere Algorithmen

JavaScript und Nachhaltigkeit

JS ist energieintensiv:

• CPU-Last = Stromverbrauch
• Akku-Drain auf Mobilgeräten
• Schlechtere Erfahrung auf alten Geräten

Fazit

JavaScript ist mächtig, aber teuer. Jedes KB JS, das nicht gebraucht wird, sollte entfernt werden. Die schnellste Zeile Code ist die, die nicht existiert.