Montag bis Freitag 09:00 - 15:00 Uhr
Forum
 
17.08.2011, 10:41

Automatische CSS Code-Optimierung

Sehr geehrte Shopbetreiber,

das heute Update bringt etwas Erleichterung für Ihre CSS-Dateien. Denn dort liegt oft sehr viel Potential zum Einsparen von unnötiger Ladezeit.

So sehen CSS-Daten gut lesbar aus:
.f1 {
 font-weight: bold;
 font-size: 13px;
 color: #366345
}


Aber wirklich brauchbar ist für den Browser eher dies hier:
.f1{font-weight:bold;font-size:13px;color:#366345}


Diese Probleme löst die neue Code-Optimierung der CSS-Dateien. Für Sie als Shopbetreiber ändert sich nichts in der Verarbeitung der CSS. Das einzig Neue ist eine Komprimierung die nach dem Anklicken des Speichern-Buttons automatisch durchläuft und uns die erreichte Kompressionsrate angibt:



Wichtig: Ihre originale Datei mit Ihren Kommentaren usw. bleibt bestehen! Einzig der Shop nutzt ab dann nach außen diese optimierte Form!
Zudem erscheint nun ein Warnhinweis, wenn die CSS-Datei über 65 KB groß ist und nicht mehr gesichert werden kann:



Anmerkung:
Die Komprimierung wirkt erst, wenn Sie die CSS-Datei das nächste mal gespeichert haben.
Die Komprimierung ist eingeschaltet für: Layout > Schriften/CSS > ROOT und Highslide.
Bitte speichern Sie diese also in diesen beiden Masken in Ihrer Shopverwaltung. Ab sofort profitieren Sie von dem schlankeren CSS.

Sie können auf pagespeed.googlelabs.com/ Ihre Seite testen:



Den Punkt „CSS reduzieren“ wird wohl jeder Shop als Potenzial aufgezeigt bekommen. Sie können vor der Optimierung und danach testen, ob es für die Gesamtpunktzahl für Ihre Seite was gebracht hat. In jedem Fall macht es Ihren Shop wieder ein Stück schneller und damit für Ihre Besucher attraktiver.

Mit einem gestrigen Update ist bereits eine nochmals verbesserte GZIP-Komprimierung Ihrer CSS und JS Dateien ausgeliefert worden. Diese sorgt dafür, dass Zwischen Server und Browser anstatt z.B. 20 kb CSS nur noch rund 2 kb übertragen werden. CSS Dateien können meist mit einem Faktor 9 gezippt werden.