Minifying elbosso.github.io

vorhergehende Artikel in: Java Komponenten OpenSource
18.06.2022

Ich habe mir ein paar Gedanken über den Ressourcenverbrauch meiner Heimatseite im Zischennetz gemacht, um sie ein ganz klein wenig "grüner" zu gestalten...

Ich habe in letzter Zeit viel über Möglichkeiten nachgedacht, das Datenaufkommen meiner Präsenz im Zwischennetz zu reduzieren. Die erste und naheliegendste Idee war, die einzelnen HTML-Seiten zu komprimieren. Das funktioniert recht gut, da mein "Hoster" GitHub die Option anbietet, HTML-Seiten parallel nebeneinander komprimiert und umkomprimiert abzulegen - lässt ein Client dann erkennen, dass er mit komprimierten HTML-Seiten umgehen kann, liefert Pages die komprimierte Variante aus. Clients, die das nicht können oder wollen bekommen die unkomprimierte Rohform. Allerdings stimt die Aussage in diesem Artikel hier nicht mehr - GitHub stellt die Seiten inzwischen transparent komprimiert zur Verfügung - legt man eine Seite als ganz normales HTML ab, kümmert sich GitHub selbst um die Kompression - man muss dazu nichts selbst tun.

Um für meine eigene Seite grob auszurechnen, wieviel ich damit an Übertragungskanalkapazität spare habe ich das Kompressionspotential mit einer - zugegebenermaßen etwas hemdsärmeligen Methode - abgeschätzt - ich habe die Größen aller HTML-Seiten von elbosso.github.io zusammengerechnet - rund 35.6 MB kamen dabei heraus. Packt man diese Seiten alle in ein Tar-Archiv und komprimiert dieses anschließend mittels GZip, bleiben davon noch rund 3.4 MB übrig. Da es sich hier um reinen Text handelt, ist diese Kompressionsrate keine Überraschung.

Für Clients, die über genug Ressourcen verfügen, GZip on-the-fly dekomprimieren zu können ist das also schon einmal durchaus eine nicht zu verachtende Reduktion an benötigter Transmissionskapazität.

Das war aber noch nicht das Ende der Fahnenstange. Ich habe in den Strukturen der HTML-Seiten ebenfalls noch Verbesserungspotential gesehen - schließlich besteht eine HTML-Seite nicht nur aus dem Nutzinhalt - also dem Text - sondern auch noch aus Tags und deren Attributen.

Nach eingehender Nabelschau war ich gefühlsmäßig davon überzeugt, dass die class Attribute sehr viel mehr Platz einnehmen, als sie eigentlich müssten. Bevor ich mich aber daran machte, hier von Hand aus der Manufaktur herumzufeilen suchte ich nach anderen, einfacheren Möglichkeiten, den Umfang des HTML zu reduzieren - und ich wurde fündig!

Genau wie für JavaScript existieren auch für HTML Minifier. NAchdem ich das herausgefunden hatte, fand ich noch viele andere Ressourcen zu diesem Thema.

Ich entschied mich - auch wegen der unheimlichen Flexibilität beim Einsatz (diese Komponente arbeitet sogar als Add-on für Velocity!) - für htmlcompressor.

Jetzt wird die Webseite nach der Generierung der statischen Seiten nochmal komplett mittels htmlcompressor nachbearbeitet. Dadurch sinkt der Umfang unkomprimiert von rund 35.6 MB auf rund 25.7 MB - eine Einsparung von fast 18%!

Komprimiert sinkt das Datenvolumen von rund 3.4 MB auf nur noch rund 2.6 MB - hier wird eine Einsparung von immerhin noch rund 14% erreicht.

Mit diesem Ergebnis war ich zunächst zufrieden - ich kann aber nicht garantieren, dass ich nicht demnächst nochmal Hand an die Velocity-Templates lege, um das HTML selbst nochmals schlanker zu gestalten...

Artikel, die hierher verlinken

Neues Feature in meinem Static Site Generator: Macros

02.03.2025

Es wurde wieder einmal Zeit für ein neues Feature in meinem Static Site Generator mittels dessen ich ja auch meine Heimatseite im Zwischennetz gestalte und verwalte...

Split von Filesets in Apache ANT

14.02.2025

Ich musste neulich darüber nachdenken, eine Parallelisierung für einen meiner ANT-Tasks in meinem Static Site Generator einzubauen.

Alle Artikel rss Wochenübersicht Monatsübersicht Codeberg Repositories Mastodon Über mich home xmpp


Vor 5 Jahren hier im Blog

  • Ticketsysteme sind lebende Wesen

    29.03.2020

    Hier zunächst wieder eine Triggerwarnung: Dieser Artikel wird meine Meinung abbilden. es kann sein, dass sie dem einen oder anderen nicht gefällt - das ist mir aber egal. Und wenn hier irgendwelche Schneeflocken mitlesen, dann sind die selber schuld.

    Weiterlesen...

Neueste Artikel

  • Weitere Experimente mit dem Clifford-Attractor

    Ich berichtete hier bereits über Experimente mit dem Clifford-Attractor, allerdings war ich noch Experimente unter geringfügig geänderten Parametern schuldig...

    Weiterlesen
  • Neues Feature in meinem Static Site Generator: externe URLs

    Es wurde wieder einmal Zeit für ein neues Feature in meinem Static Site Generator mittels dessen ich ja auch meine Heimatseite im Zwischennetz gestalte und verwalte...

    Weiterlesen
  • Eine Bestandsaufnahme

    Es kamen mehrere Faktoren zusammen: die Tatsache, dass ich nicht mehr ganz so kürzlich die 50 überschritten habe hatte ebenso darauf Einfluss wie das heutige trübe Wetter und auch der Fakt, dass ich bereits beinahe alle Wochenendpflichten erledigt habe. Der letzte Stein des Anstoßes war dann aber, dass sich heute zum 125. Mal der Geburtstag von Erich Fromm jährt.

    Weiterlesen

Manche nennen es Blog, manche Web-Seite - ich schreibe hier hin und wieder über meine Erlebnisse, Rückschläge und Erleuchtungen bei meinen Hobbies.

Wer daran teilhaben und eventuell sogar davon profitieren möchte, muss damit leben, daß ich hin und wieder kleine Ausflüge in Bereiche mache, die nichts mit IT, Administration oder Softwareentwicklung zu tun haben.

Ich wünsche allen Lesern viel Spaß und hin und wieder einen kleinen AHA!-Effekt...

PS: Meine öffentlichen Codeberg-Repositories findet man hier.