Total Minify – CSS, JS und HTML komprimieren

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

Version: 1.6.1
Kategorie: SEO
Screenshots: 3 Bilder
Updatesicher: ab modified 2.0
Systeme:
xt:Commerce 3.04
modified eCommerce 1.0 - 1.06
modified eCommerce 2.0 - 3.0.2

Preis: auf Anfrage

Update: Jetzt updatesicher und mit verbesserter Komprimierung

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 (Test vom 05.08.2017).

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
  • Verschiedene Komprimierungsmethoden wählbar
  • Minimierung des Codes und Komprimierung mit gzip
  • Schnellere Ladezeiten der Website duch verringerte Datenmenge

Weitere Funktionen

  • 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.
  • updatesicher ab modified Shop 2.0

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,97 s
Ja 20 5,1 KB 26,3 KB 12,7 KB 2,31 s
Ersparnis: 2 28,8 KB (84,96%) 52,5 KB (66,62%) 2,1 KB (14,19%) 3,66 s

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,04 s
Ja 23 8,2 KB 33,3 KB 3,9 KB 4,81 s
Ersparnis: 5 51,6 KB (86,29%) 71,1 KB (68,10%) 0,7 KB (15,22%) 2,23 s

Test im modified Shop v2.0.4.2 mit Standard-Template (Startseite)

Test 1: Standard Komprimierung (compactor) des modified Shops deaktiviert

Total Minify Anfragen CSS JS HTML Ladezeit
Nein 14 166,29 KB 232,19 KB 84,82 KB 8,08 s
Ja 6 17,49 KB 47,22 KB 7,76 KB 5,90 s
Ersparnis: 8 148,8 KB (89,48%) 184,97 KB (79,66%) 77,06 KB (90,85%) 2,18 s

Test 2: Standard Komprimierung (compactor) vs. Total Minify

Total Minify Anfragen CSS JS HTML Ladezeit
Nein 6 127,93 KB 209,98 KB 7,93 KB 6,50 s
Ja 6 17,49 KB 47,22 KB 7,76 KB 5,90 s
Ersparnis: 0 110,44 KB (86,33%) 162,76 KB (77,51%) 0,17 KB (2,14%) 0,60 s

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 - 3.0.2 (xtcModified)