Uglifying

Uglifying

Copyright ┬ę Shutterstock / Pakpoom Makpan

Was bedeutet Uglifying?

Der Begriff Uglifying stammt aus dem Bereich der Computer-Programmiersprachen und beschreibt das gezielte Entfernen unn├Âtiger Zeichen aus dem Quellcode, ohne die Funktionalit├Ąt zu beeintr├Ąchtigen. Dazu geh├Âren in der Regel Leerzeichen, Zeilenumbr├╝che, Kommentare und so genannte Blockbegrenzer. All diese Zeichen sind hilfreich, um den Quellcode f├╝r das menschliche Auge besser lesbar zu machen. F├╝r die Ausf├╝hrung der Programme sind sie nicht erforderlich. Der Vorgang als generelles Konzept wird in den meisten F├Ąllen als “Minifying”, “Minification” oder “Minimization” bezeichnet. Die Verringerung nicht ben├Âtigter Zeichen ist nicht nur unter JavaScript hilfreich, sondern betrifft ebenso HTML-Dokumente und CSS-Stildateien.

Das Uglifying zeigt seinen Nutzen bei interpretierten Sprachen, die innerhalb des Internet bereitgestellt und ├╝bertragen werden. Dazu geh├Ârt beispielsweise JavaScript. Der minimierte Quellcode beinhaltet deutlich weniger Daten, die ├╝bertragen werden m├╝ssen. Der Vorgang des Uglifying muss klar von der Datenkomprimierung abgegrenzt werden. Eine minimierte Quelle muss nicht dekomprimiert werden, sondern ist sofort interpretierbar. Bei der Komprimierung ist genau dieser Schritt erforderlich, um mit den Daten arbeiten zu k├Ânnen. Das grunds├Ątzliche Ziel des Uglifying ist die z├╝gige Daten├╝bertragung zwischen Server und Client sowie die Verbesserung der Nutzungsqualit├Ąt.

Verbesserung der User Experience

User Experience hei├čt zu deutsch Nutzererlebnis und beschreibt, wie ein Besucher die Website erlebt, die er aufruft. Zu den Merkmalen z├Ąhlen in erster Linie:

  • die Dauer der Ladezeiten sowie die Zug├Ąnglich der Websites ├╝ber unterschiedliche Endger├Ąte (PC, Tablet, Laptop, Smartphone etc.),
  • die Verf├╝gbarkeit und Erreichbarkeit der Website,
  • die Optik der Website (subjektives Empfinden hinsichtlich Anordnung, Farb- und Schriftwahl etc.),
  • der Nutzen der Funktionen und Inhalte der Website sowie die Bedienerfreundlichkeit

Ladezeiten, Verf├╝gbarkeit der Website und auch das Responsive Design machen es trotz des subjektiven Erlebens m├Âglich, die Nutzerqualit├Ąt zumindest in einigen Punkten zu messen. Dank Uglifying sind zumindest die Ladezeiten gut zu beeinflussen. Inwiefern sich die verbesserte User Experience auf das Ranking in den Suchmaschinen auswirkt, ist unklar. Experten nehmen an, dass bestimmte Kennzahlen als Qualit├Ątsindex das Ranking beeinflussen. Zu diesen Kennzahlen geh├Âren zum Beispiel die Verweildauer der Besucher auf der Website, die “Return to Search Rate” oder auch der Anteil der Besucher, die die Website erneut aufrufen. Auch wenn es sich lediglich um eine Vermutung handelt, sollte dieser Aspekt durchaus ber├╝cksichtigt werden. Hinsichtlich des User Experience Designs kann das Uglifying zumindest indirekt das Ranking beeinflussen.

Die Anf├Ąnge des Uglifying

Douglas Crockford, ein US-amerikanischer Programmierer und Unternehmer, stellte im Jahr 2003 das Tool JSMin vor, mit dem Kommentare und Leerzeichen gel├Âscht werden konnten. Der YUI Compressor folgte bereits nach kurzer Zeit. 2009 stellte Google sein Closure-Toolkit vor. Zum Inhalt dieses “Werkzeugkastens” geh├Ârte der Closure Compiler, der wiederum eine Source-Mapping-Funktion in Verbindung mit der Firefox-Erweiterung Closure Inspector enthielt. Im Jahr 2010 folgte die Markteinf├╝hrung von UglifyJS durch Mihai Bazon, einem rum├Ąnischen Programmierer. Die Bezeichnung Uglifying ist eine Ableitung der oft verwendeten JavaScript-Bibliothek uglify.js – m├Âglicherweise ein ironischer Kommentar, was den Minimierungsprozess von Ressourcen betrifft. Der Nachfolger UglifyJS2 erm├Âglichte ab 2012 den Source-Map-Support.

Die Funktionsweise des Uglifying

F├╝r die Minimierung von Quellcode stehen zahlreiche Plug-ins, Programme und Tools zur Verf├╝gung. Manche Skripte sind darauf angewiesen, mit anderen Schnittstellen oder Bibliotheken zusammenzuarbeiten. Hinsichtlich ihrer Funktion weisen die Anwendungen in der Regel jedoch folgende gemeinsame Merkmale auf:

Alle unn├Âtigen Zeichenketten werden entweder entfernt oder gegebenenfalls gek├╝rzt.
Gleichartige Dateitypen k├Ânnen zu einer Datei zusammengefasst werden. Dazu z├Ąhlen zum Beispiel Dateien mit den Endungen .js und .css.
Der minimierte Quellcode wird auf Fehler in der Syntax gepr├╝ft.

Beispiele f├╝r das Uglifying in der Praxis

  • Raum, der nicht notwendig ist, wird eliminiert. Dazu geh├Âren zum Beispiel Leerzeichen, Umbr├╝che, Einz├╝ge usw.
  • Benennungen von Variablen werden extrem gek├╝rzt. Die neuen Bezeichnungen bestehen h├Ąufig nur noch aus einem Zeichen.
  • Um Platz zu sparen, kann bei der Deklaration von Funktionen die Anordnung optimiert werden.
  • Arrays werden in Objekte umgewandelt, sofern dies m├Âglich ist.
  • Verschachtelte If-Aussagen werden m├Âglichst optimiert.
  • Sind konstante Ausdr├╝cke vorhanden, nehmen sie im gesamten Dokument weniger Raum ein, wenn sie so einfach wie m├Âglich deklariert werden.

Tools und Anwendungen f├╝r das Uglifying

Es gibt mittlerweile zahlreiche Tools f├╝r das Minimieren von Quellcode. Manche davon k├Ânnen online via Copy and Paste genutzt werden. Beispiele f├╝r solche Online-Tools sind jsmini.com oder Online YUI Compressor.

Zu den Anwendungen mit grafischer Oberfl├Ąche z├Ąhlen unter anderem CodeKit, Koala und AjaxminGui. Zus├Ątzlich zur Quellcode-Minimierung bieten diese Programme weitere Funktionen an.

Dar├╝ber hinaus gibt es Anwendungen, die die Quellcode-Minimierung ├╝ber die Kommandozeile steuern. Zu dieser Kategorie geh├Âren zum Beispiel der Closure Compiler von Google, Minify, Gulp oder Grunt. Auch Uglify.js steht als Command Line-Version zur Verf├╝gung.

FAQ

Was k├Ânnen manche Tools machen?

Manche Tools reduzieren nicht nur den Quellcode, sondern pr├╝fen gleichzeitig die Referenzen und die Syntax einer Quelldatei.

Was sind die Vorteile von Uglifying?

Ein Vorteil w├Ąren die k├╝rzere Ladezeiten von Websites und die deutlich erh├Âhte Performance bei der Daten├╝bertragung. Ein verbessertes Nutzererlebnis dank optimierter Usability und tats├Ąchlich valider Quellcode, der keine Fehlermeldungen hervorruft.

Gibt es noch weitere Vorteile des Uglifying?

Fakt ist, dass Mitbewerber die Funktionen im reduzierten Quellcode nicht durch und durch nachvollziehen k├Ânnen, da die Transparenz des Quellcode signifikant verringert ist. Dies sch├╝tzt die Website des Unternehmens, die webbasierten Anwendungen und auch die IT-Dienstleistungen.

Tipp

Wenn Sie noch Fragen bez├╝glich eines Online Marketing Themas haben, dann k├Ânnen Sie gerne unseren Glossar besuchen und sich ├╝ber das Thema informieren, wo Sie noch speziell Fragen haben.

 


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte