Erweiterte Tools, Hintergründe & Techniken - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 321

11

Erweiterte Tools,
Hintergründe &
Techniken

Dieses Kapitel führt keine neuen JavaScript- oder DOM-Erkenntnisse ein, sondern investiert
wieder in die Qualität Ihrer Projekte. Wir hatten uns ja bereits in einer frühen Phase des
Buchs um die Fehlersuche, Dokumentation und Qualitätskontrolle bei Webprojekten mit
JavaScript gekümmert. Jetzt, wo wir mehr Wissen zu JavaScript, Objekten und dem DOM-
Konzept aufgebaut haben, wollen wir weitere Dinge hinzufügen, die gerade für professio-
nelle Projekte grundlegend sind. Dies umfasst gewisse Vorgehensweisen in Hinsicht auf
Optimierung , die Ihre Skripte in der Praxis verbessern können. Dabei ist es auch wichtig,
dass Sie sich nicht von den laschen Rahmenbedingungen in JavaScript verführen lassen,
sondern gleich die richtigen Maßnahmen einhalten. Gerade weil man in JavaScript extrem
lässig bzw. unsauber programmieren kann, ist es so wichtig zu wissen, warum man es nicht
sollte. Auch die Optimierung von Skripten gibt Ihnen Verhaltensregeln an die Hand, wie
man sauber mit JavaScript programmieren kann. In dem Kapitel widmen wir uns auch
kompakt Fragen der Sicherheit von JavaScript. Das betrit sowohl, was man mit JavaScript
an schädlichen Dingen anstellen kann, als auch, wie Sie - im Rahmen der Sprache - Ihre
eigenen Skripte schützen können. Zum Abschluss des Kapitels werfen wir noch einen kur-
zen Blick in die testgetriebene Entwicklung ( TDD ).

■ ■ 11.1■Optimierung von JavaScripts

Der fundamentale Grundsatz in der Programmierung ist, dass Funktion vor Optimierung
geht. Ein Programm oder Skript muss erst einmal fehlerfrei seine Aufgabe erledigen. Aber
dann kann man sich gegebenenfalls darum kümmern, dass es optimiert wird. Das bedeutet,
dass man die Performance, den Ressourcenbedarf, die Wartbarkeit oder noch diverse andere
Dinge verbessert. Gerade im Web gibt es da eine Menge zu beachten. Es gibt diverse Mög-
lichkeiten, wie Sie eine Webseite im Allgemeinen verbessern können. Das beginnt ganz
banal bei der Reduzierung der Anzahl der Zeichen im Quellcode, beginnend bei Leerzeichen
und anderen Whitespace-Zeichen in der gesamten Webseite (auch der reinen HTML-Berei-
che), und führt über eine kompaktere Verwendung von HTML-Tags bis hin zu der Kompres-
sion von Style Sheets. Aber auch andere Maßnahmen wie die Auslagerung von Style Sheets
in externe Dateien, das zeitversetzte Laden von zusätzlichen Ressourcen, die optimale Wahl