Java Reference
In-Depth Information
der Größe von Bildern (in Hinsicht auf HTML5 der Einsatz von Vektorgraiken anstelle von
Pixelgraiken), das korrekte Schließen von Tags, das saubere Verschachteln von Tags oder
die passende Angabe von im Grunde optionalen Attributen bei HTML-Tags bzw. - noch
besser - deren Festlegung in Style Sheets sind klassische Optimierungsschritte für eine
Webseite im Allgemeinen.
PrAXISTIPP:
Um die Größe des Quelltextes bei HTML-, aber auch CSS und
JavaScript-Dokumenten zu reduzieren, gibt es sogenannte
Kompressoren
. Dazu
gibt es einige Anbieter, die das direkt über Webformulare ermöglichen und von
denen Sie hier zwei Vorschläge sehen (
http://htmlcompressor.com/compressor/
oder
http://www.jslab.dk/tools.minify.php
)
. Der Einsatz von Kompressoren geht
meist mit zwei verschiedenen Versionen Ihrer Quelltexte einher. Es gibt eine
Version, in der Sie programmieren und die Sie ausführlich mit Zeilenumbrüchen,
Kommentaren und Einrückungen versehen, sowie eine Variante, die Sie ausliefern
und vorher durch einen Kompressor jagen. Die Version, die Sie dann veröfent-
lichen, ist eine minimierte Version, die um Kommentare und überlüssige Leer-
zeichen sowie Zeilenumbrüche reduziert ist. Funktional ist diese aber immer
identisch
mit der unkomprimierten Version.
Nun wollen wir uns hier auf die JavaScript-Seite konzentrieren und uns anschauen, wie Sie
die JavaScripts optimieren können, sowohl in Hinsicht auf die Größe als auch vor allen Din-
gen auf die Geschwindigkeit der Verarbeitung im Browser. Hier gibt es für Sie eine Reihe
von Rezepten, die mehr oder weniger efektive Verbesserungen bewirken. Dabei hängt es
sowohl an der Art und Komplexität des Skripts als auch dem jeweiligen Browser, ob ein
Rezept überhaupt einen Vorteil bewirkt und wenn ja wie efektiv. Einige Maßnahmen sind
jedoch Browser übergreifend sinnvoll. Wir werden einige der populärsten Rezepte bespre-
chen und die wichtigsten bzw. efektivsten Maßnahmen ausdrücklich kennzeichnen.
HInWEIS:
Optimierungsmaßnahmen können schnell dazu führen, dass der
Code so weit optimiert wird, bis er nicht mehr läut. Leider passiert das recht
ot. Ebenso können manche Maßnahmen sich gegenseitig negativ beeinlussen
und andere Maßnahmen sind unter gewissen Konstellationen sogar grundsätz-
lich wenig sinnvoll. Optimieren Sie nur so, dass die Funktionalität vollkommen
gewährleistet ist und sie durch Optimierung nicht beeinträchtigt wird. Sichern
Sie vor allen Dingen immer (!) den funktionstüchtigen Stand, bevor Sie mit der
Optimierung beginnen. Optimierung ist ein Vorgang, der mit äußerster Vorsicht
angegangen werden sollte und zwingend eine
Versionierung
voraussetzt. Ent-
weder machen Sie das manuell, indem Sie das alte, funktionierende Projekt
unter einem anderen Namen sichern, oder Sie verwenden am besten Versionie-
rungstechniken und -tools wie CVS, SVN oder Cloud-Systeme wie Git.
Search WWH ::
Custom Search