Total Minify – CSS, JS und HTML komprimieren

xt:Commerce Total Minify - CSS, JS und HTML komprimieren

Version: 1.5
Kategorie: SEO
Screenshots: 3 Bilder
Systeme:
xt:Commerce 3.04
modified eCommerce 1.0 - 1.06
modified eCommerce 2.0 - 2.0.2.2
Gambio 2007, Gambio GX1 und Gambio GX2

Total Minify für Ihren xt:Commerce Shop komprimiert Stylesheets, JavaScripts und HTML Code. Durch die Komprimierung wird die Datenmenge reduziert, was zu kürzeren Ladezeiten und einem schnelleren Seitenaufbau führt. Das steigert nicht nur die Benutzerfreundlichkeit, sondern hilft auch bei der Suchmaschinenoptimierung.

Verringerte Datenmenge = schnellere Ladezeiten

Das Modul fasst alle JavaScripts und Stylesheets in je einer Datei zusammen, minimiert den Code durch Entfernen von Leerzeichen, Absätzen und Kommentaren und komprimiert anschließend die Daten mit gzip. Zusätzlich wird auch der HTML Code minimiert.

Die Datenmenge lässt sich dadurch erheblich verringern. 70% Einsparung sind keine Seltenheit. Der Besucher des Shops muss weniger Daten downloaden und die Seiten werden schneller aufgebaut.

Top-Werte bei Google PageSpeed

Auch für die Suchmaschine Google stellt die Ladezeit der Website ein Qualitätsmerkmal dar und hat Einfluss auf die Position in den Suchergebnissen. Mit dem Total Minify Modul erreicht Ihr xt:Commerce Shop Höchstwerte in dem Analysetool Google PageSpeed.

Mit dem Standard Template des modified Shop v1.06 wurde in unserem Test ein Wert von 96/100 erzielt.

Cache System mit automatischer Versionsangabe

Damit die Komprimierung der Daten nicht bei jedem Seitenaufruf erfolgen muss, werden die gepackten Dateien im Cache-Verzeichnis des xt:Commerce Shops abgelegt. Dies ermöglicht nochmals eine Verbesserung der Ladezeiten und entlastet den Webserver. Der nächste Besucher muss nur noch die fertigen Dateien herunterladen und nicht auf die Komprimierung warten.

Durch eine automatisch angehängte Versionsnummer, wird dem Browser mitgeteilt, wenn sich an den Dateien etwas geändert hat. Der Browser kann die Dateien somit im lokalen Cache zwischenspeichern und unnötiges Nachladen vermeiden.

Inline JS und Inline CSS komprimieren

Nicht nur JavaScript und CSS aus Dateien können mit dem Total Minify Modul komprimiert werden, sondern auch Inline Code, der direkt im Quelltext der Seite ausgegeben wird. Wahlweise speichert das Modul den Code in eine externe Datei. In diesem Fall wird der Inline Code mit den anderen Dateien in ein einzelnes Paket zusammengefasst.

Externe JavaScripts und Stylesheets komprimieren

Ein weiteres Highlight unseres Total Minify Moduls ist die Möglichkeit externe Skripte von einer fremden Adresse einzubinden. Das Modul lädt das Skript vom fremden Server herunter, speichert es lokal ab und komprimiert es zusammen mit den restlichen Daten.

Ausgabe im head und/oder body

Die Ausgabe des komprimierten Codes erfolgt an zwei Stellen des Shops: im Kopfbereich (head) und am Seitenende (body). Für jedes hinzugefügte Skript lässt sich die Position auswählen. Ein Teil des JavaScripts, wie etwa jQuery, kann dadurch im head-Bereich platziert werden und alle anderen Scripts, die nicht für den Seitenaufbau notwendig sind, werden am Seitenende ausgegeben.


Komprimierung

  • JavaScript Dateien und JS Inline Code komprimieren
  • Stylesheet Dateien und CSS Inline Code komprimieren
  • HTML Code komprimieren: entweder nur gecachte Template-Dateien oder ganze Seite (index.hml)
  • Verschiedene Komprimierungsmethoden wählbar
  • Minimierung des Codes und Komprimierung mit gzip
  • Schnellere Ladezeiten der Website duch verringerte Datenmenge

Weitere Funktionen

  • Manuelle oder automatische Versionsvergabe für komprimierte Dateien
  • Ausgabe von komprimierten Dateien im head- oder body-Bereich
  • Kurze Links für komprimierte Dateien (übergeben wird nur der Gruppenname, die enthaltenen Dateien sind in einer Liste hinterlegt)
  • Optimierte Code-Struktur des Moduls für schnelle Komprimierung
  • Komprimierte Dateien werden im Cache-Ordner abgelegt. Erneute Komprimierung erfolgt nur, wenn der Shop-Cache geleert wird.

Test im modified Shop v1.06 mit Standard-Template (Startseite)

Total Minify Anfragen CSS JS HTML Ladezeit
Nein 22 33,9 KB 78,8 KB 14,8 KB 5,97s
Ja 20 5,1 KB 26,3 KB 12,7 KB 2,31s
Ersparnis: 2 28,8 KB (84,96%) 52,5 KB (66,62%) 2,1 KB (14,19%) 3,66s

Test im modified Shop v1.06 mit Standard-Template (Produktseite)

Total Minify Anfragen CSS JS HTML Ladezeit
Nein 28 59,8 KB 104,4 KB 4,6 KB 7,04s
Ja 23 8,2 KB 33,3 KB 3,9 KB 4,81s
Ersparnis: 5 51,6 KB (86,29%) 71,1 KB (68,10%) 0,7 KB (15,22%) 2,23s

Screenshots

Modified Shop Quelltext ohne Komprimierung – Total Minify ist deaktiviertModified Shop Quelltext ohne Komprimierung
Total Minify ist aktiviert – Alle JavaScripts, Stylesheets und Inline Code wurden komprimiertModified Shop Quelltext mit Total Minify
Total Minify KonfigurationTotal Minify Konfiguration

Dieses Modul ist geeignet für folgende Shopsysteme:

  • xt:Commerce 3.04
  • modified eCommerce 1.0 - 1.06 (xtcModified)
  • modified eCommerce 2.0 - 2.0.2.2 (xtcModified)
  • Gambio 2007, Gambio GX1 und Gambio GX2